a,.transition,.g-head .wal,:before,img {-webkit-transition:All .5s ease;transition:All .5s ease}
.zoomImg {width:100%;overflow:hidden;position:relative;display:block}
.zoomImg:before {position:absolute;top:0;left:-90%;z-index:2;display:block;content:"";width:50%;height:100%;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%);-webkit-transform:skewX(-25deg);-ms-transform:skewX(-25deg);transform:skewX(-25deg)}
.zoomImg:hover:before {-webkit-animation:shine .75s;animation:shine .75s}
.zoomImg:hover img {-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
@-webkit-keyframes shine {100% {left:125%}
}
@keyframes shine {100% {left:125%}
}
* {margin:0;padding:0;box-sizing:border-box}
html {font-size:100px}
body {font-size:.14rem;color:#333;-webkit-text-size-adjust:none;opacity:0;}
body.show {opacity:1}
a {color:#333;text-decoration:none;outline:none}
a:active {star:expression(this.onFocus=this.blur())}
a:link {text-decoration:none;outline:none}
a:visited {text-decoration:none;outline:none}
a:hover {text-decoration:none;color: #00a88c;outline:none;}
li {list-style:outside none;list-style: none;}
h1 {font-size:16px}
h2,h3,h4,h5 {/* font-size:14px */}
h5 {font-size:12px}
textarea,input {background:transparent;font-size:12px;color:#888;outline:none;border:0}
em {font-style:normal}
img {vertical-align:middle;max-width:100%;border:0;-o-object-fit:cover;object-fit:cover}
.img{overflow: hidden;}
.img:hover img{transform:scale(1.1)}
.img img{
    transition: all 0.3s ease;
    width: 100%;
}
.wal {max-width: 13rem;margin:0 auto;}
@font-face {font-family:"iconfont";src:url("//at.alicdn.com/t/font_2640790_hovdh99440n.woff2?t=1628245661460") format("woff2"),url("//at.alicdn.com/t/font_2640790_hovdh99440n.woff?t=1628245661460") format("woff"),url("//at.alicdn.com/t/font_2640790_hovdh99440n.ttf?t=1628245661460") format("truetype")}
.iconfont {font-family:"iconfont"}
@font-face {font-family:"DINPro-Bold";src:url(../images/DINPro-Bold.woff2) format("woff2"),url(../images/DINPro-Bold.woff) format("woff"),url(../images/DINPro-Bold.ttf) format("truetype"),url(../images/DINPro-Bold.eot) format("embedded-opentype"),url(../images/DINPro-Bold.svg) format("svg");font-weight:normal;font-style:normal}
.g-head .head {position: absolute;z-index:50;left:0;top:0;right:0;border-bottom:rgba(255,255,255,.15) solid 1px;-webkit-transition:background-color .5s ease;transition:background-color .5s ease;padding:0 .4rem;}
.g-head.on .head {/*background:rgba(0,0,0,.8)*/}
.g-head .wal {height:1rem;position:relative;max-width:14.5rem;display: flex;align-items: center;justify-content: space-between;}
.g-head a.logo {display:block;/* position:absolute; *//* z-index:5; *//* left:0; *//* top:0; *//* bottom:0; */width:3.55rem;background:url(../images/logo.png) center no-repeat;background-size:100%;height: 1rem;}
.g-head .tel {/* position:absolute; *//* top:0; *//* right:0; *//* bottom:0; */color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:.14rem;background-size:.2rem;padding-left:.3rem;}
.g-head .tel em{font-size:0;width: 0.4rem;height: 0.4rem;display: block;background: url(../images/tel.png) center center no-repeat;background-size: 0.22rem;}
.g-head .tel b {font-size:.24rem}
.g-head .navA {position:absolute;top:0;right:0;bottom:0;/* width:1rem; *//* display:-webkit-box; *//* display:-webkit-flex; */display:-ms-flexbox;/* display:flex; *//* -webkit-box-align:center; *//* -webkit-align-items:center; */-ms-flex-align:center;/* align-items:center; *//* -webkit-box-pack:center; *//* -webkit-justify-content:center; */-ms-flex-pack:center;/* justify-content:center; *//* opacity:0; *//* visibility:hidden; */}
.g-head .navA i {font-family:"iconfont";font-style:normal;font-size:.2rem}
.g-head .g-nav {/* position:absolute; *//* top:0; *//* right: 2.7rem; */flex: 1;}
.g-head .g-nav ul {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.g-head .g-nav li {flex: 1;text-align: center;}
.g-head .g-nav a.name {display:block;height:1rem;line-height:1rem;font-size:.16rem;color:#fff;position:relative}
.g-head .g-nav a.name:before {/* content:""; */display:block;position:absolute;left:50%;bottom:-1px;right:50%;height:2px;background:#fff;opacity:0;}
.g-head .g-nav a.name:hover,.g-head .g-nav a.name.on {color:#fff;color: #00a88c;}
.g-head .g-nav a.name:hover:before,.g-head .g-nav a.name.on:before {left:0;right:0;opacity:1}
.side-bar {position:fixed;z-index:20;top:50%;right:0;width:.76rem}
.side-bar li {padding-bottom:.04rem}
.side-bar li a.name {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:.76rem;background:#fff;box-shadow:0 0 .1rem rgba(0,0,0,.15);font-size:.13rem}
.side-bar li a.name .ico {width:.4rem;height:.4rem;position:relative}
.side-bar li a.name .ico img:nth-child(2) {position:absolute;left:0;top:0;opacity:0}
.side-bar li:hover a.name {background:#b1292f;color:#fff}
.side-bar li:hover a.name .ico img:nth-child(1) {opacity:0}
.side-bar li:hover a.name .ico img:nth-child(2) {opacity:1}
.side-bar li a.topA {opacity:0}
.side-bar li a.topA.show {opacity:1}
.side-bar li:last-child a.name {border-radius:0 0 0 .2rem}
.g-foot {position:relative;z-index:3;background:#1a1a1a;color:#fff}
.g-foot a {color:#fff}
.g-foot .wal {min-height:4.35rem;position:relative}
.g-foot .logo {padding:.5rem 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}
.g-foot .logo img {width:2.55rem}
.g-foot .logo p {font-size:.2rem;line-height:.34rem;position:relative;padding-left:.43rem}
.g-foot .logo p:before {content:"";display:block;position:absolute;left:.2rem;top:50%;width:1px;height:.2rem;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background:#fff;opacity:.6}
.g-foot .nav {position:absolute;right:0;top:.78rem}
.g-foot .nav ul {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.g-foot .nav li {padding-left:.5rem;position:relative;font-size:.16rem}
.g-foot .nav li:before {content:"";display:block;position:absolute;left:.24rem;top:50%;width:1px;height:.14rem;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background:#fff;opacity:.6}
.g-foot .nav li:first-child:before {display:none}
.g-foot .list {border-bottom:rgba(255,255,255,.2) solid 1px;padding-bottom:.55rem}
.g-foot .list ul {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.g-foot .list li {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.g-foot .list li img {-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;height:.46rem;margin-right:.13rem}
.g-foot .list li .name {color:rgba(255,255,255,.6)}
.g-foot .list li h5 {font-size:.24rem;line-height:1em;padding-top:.05rem}
.g-foot .list li p {font-size:.16rem;line-height:.26rem}
.g-foot .link {border-bottom:rgba(255,255,255,.2) solid 1px;padding:.3rem 0}
.g-foot .link ul {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-right:-0.3rem;margin-left:-0.3rem}
.g-foot .link li {padding:0 .07rem;position:relative;line-height:1em;color:rgba(255,255,255,.6)}
.g-foot .link li:before {content:"";display:block;position:absolute;left:0;top:50%;width:1px;height:.12rem;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background:#fff;opacity:.6}
.g-foot .link li:first-child:before {display:none}
.g-foot .link li a {color:rgba(255,255,255,.6)}
.g-foot .link li a:hover {color:#fff}
.g-foot .msg {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:.4rem 0;color:#999}
@media screen and (max-width:800px) {html {font-size:50px}
body {font-size:.24rem}
.wal {margin:0 .6rem}
body.navShow {overflow:hidden}
body.navShow .g-head .head {background: #00a88c;}
body.navShow .g-head a.logo {background-image:url(../images/logo-black.png)}
body.navShow .g-head .tel {color:#333;background-image:url(../images/img20-black.png)}
body.navShow .g-head .tel em{background:url(../images/telh.png) center center no-repeat;background-size: 0.22rem;}
body.navShow .g-head a.navA {color:#333;background: url(../images/guanb.png) center center no-repeat;background-size: 0.26rem;}
body.navShow .g-head a.navA i:nth-child(1) {display:none;}
body.navShow .g-head a.navA i:nth-child(2) {/* display:block; */}
body.navShow .g-head .g-nav {right:0;left: 0;}
.g-head .head {position:fixed;-webkit-transition:all .5s ease;transition:all .5s ease;padding:0}
.g-head.on .head {/* background:#fff */}
.g-head.on .head a.logo {background-image:url(../images/logo-black.png)}
.g-head.on .head .tel {color:#333;background-image:url(../images/img20-black.png);}
.g-head.on .head .tel em{background:url(../images/telh.png) center center no-repeat;background-size: 0.22rem;}
.g-head.on .head .navA {/* background: url(../images/san.png) center center no-repeat; *//* background-size: 0.26rem; */}
body.navShow .g-head.on .head .navA{
    background: url(../images/guan.png) center center no-repeat;
    background-size: 0.26rem;
}
.g-head .tel {right:.7rem;font-size:.2rem;background-size:.3rem;padding-left:.4rem}
.g-head .tel b {font-size:.26rem}
.g-head .navA {right:-0.3rem;/* opacity:1; *//* visibility:visible; */color:#fff;background: url(../images/sanb.png) center center no-repeat;background-size: 0.26rem;width: 0.7rem;}
.g-head .navA i {font-family:"iconfont";font-style:normal;font-size:.3rem}
.g-head .navA i:nth-child(2) {display:none}
.g-head .g-nav {position:fixed;bottom:0;right:-100%;left:100%;top:1rem;overflow-y:auto;background: rgb(0 168 140);-webkit-transition:all .5s ease;transition:all .5s ease;border-top: #2ab9a1 solid 1px;}
.g-head .g-nav ul {-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.g-head .g-nav li {margin-left:0;width:100%;border-bottom: #2ab9a1 solid 1px;}
.g-head .g-nav a.name {font-size:.28rem;padding-left:.5rem;color: #fff;}
.g-head .g-nav a.name:before {display:none}
.g-head .g-nav a.name:hover,.g-head .g-nav a.name.on {color: #ffffff;font-weight: bold;}
.g-foot .nav {position:static}
.g-foot .nav ul {margin-left:-0.5rem;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:6rem;margin-top:-0.2rem}
.g-foot .nav li {font-size:.24rem;height:.5rem;line-height:.5rem}
.g-foot .nav li:before {height:.2rem}
.g-foot .nav li:nth-child(5):before {display:none}
.g-foot .list {padding-bottom:.55rem}
.g-foot .list ul {-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.g-foot .list li {min-width:50%;padding-top:.3rem}
.g-foot .list li img {margin-right:.13rem}
.g-foot .list li .name {font-size:.22rem}
.g-foot .list li h5 {font-size:.3rem}
.g-foot .list li p {font-size:.22rem;line-height:.3rem}
.g-foot .link {padding:.3rem 0;display:none}
.g-foot .link ul {-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.g-foot .link li {padding:0 .2rem;height:.4rem;line-height:.4rem}
.g-foot .link li:before {height:.2rem}
.g-foot .msg {-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.25rem 0;line-height:.4rem;font-size:.22rem}
.g-foot .msg p {width:100%;text-align:center}
}
@media screen and (max-width:550px) {.wal {margin:0 .3rem}
}
.ellipsis,.index-news .col-1 .list li a {overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.index-flash {width:100%;overflow:hidden;position:relative}
.index-flash li {background:center no-repeat;background-size:cover}
.index-flash li .wal {height:100vh;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#fff;padding-top:1rem}
.index-flash li .title {position:relative;opacity:0}
.index-flash li .title h2 {position:absolute;left:-1.08rem;bottom:.6rem;line-height:1em;font-family:"DINPro-Bold";text-transform:uppercase;white-space:normal;opacity:.05;font-size:2.2rem}
.index-flash li .title .name {font-size: .48rem;line-height: 0.7rem;font-weight: bold;}
.index-flash li .title .name b {font-size:.62rem;padding:0 .1rem;color:#b1292f}
.index-flash li .title .msg {font-size: .24rem;line-height: .35rem;padding: .25rem 0 0rem 0;position:relative;/* margin-bottom:.8rem; */}
.index-flash li .title .name:before {content:"";display:block;position:absolute;left:0;top: -.38rem;background: #ffffff;width:.58rem;height:.03rem;}
.index-flash li .more {opacity:0}
.index-flash li .more a {display:block;background:#fff;color:#b1292f;border-radius:.5rem;text-align:center;font-size:.16rem;width:1.6rem;line-height:.5rem}
.index-flash li .more a:hover {background:#b1292f;color:#fff}
.index-search {box-shadow:0 5px 5px 0 rgba(6,0,1,.2)}
.index-search .wal {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:.8rem}
.index-search .list ul {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.index-search .list li {padding-right:1.5em;color:#666}
.index-search .list li a {color:#666}
.index-search .list li a:hover {color:#b1292f}
.index-search .form {width:3.55rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.index-search .form .input {width:100%;height:.32rem;border:#b3b3b3 solid 1px;border-right:0;-webkit-transition:all .5s ease;transition:all .5s ease}
.index-search .form .input input::-webkit-input-placeholder {color:#b3b3b3}
.index-search .form .input input::-moz-placeholder {color:#b3b3b3}
.index-search .form .input input:-moz-placeholder {color:#b3b3b3}
.index-search .form .input input:-ms-input-placeholder {color:#b3b3b3}
.index-search .form .input textarea::-webkit-input-placeholder {color:#b3b3b3}
.index-search .form .input textarea::-moz-placeholder {color:#b3b3b3}
.index-search .form .input textarea:-moz-placeholder {color:#b3b3b3}
.index-search .form .input textarea:-ms-input-placeholder {color:#b3b3b3}
.index-search .form .input.on {border-color:#b1292f}
.index-search .form .input input {width:100%;height:.3rem;line-height:.3rem;font-size:.14rem;padding:0 .2rem}
.index-search .form .submit {background:#b1292f;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#fff;width:1rem;height:.32rem;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}
.index-search .form .submit img {width:.13rem;margin-right:.1rem}
.index-search .form .submit input {width:100%;left:0;top:0;height:100%;cursor:pointer;position:absolute}
.index-title {padding:.8rem 0 .5rem 0;text-align:center;color:#212121}
.index-title h2 {font-size:.4rem;line-height:1em;position:relative;padding-bottom: .2rem;}
.index-title h2:after{content:".";display: block;width: 1rem;height: 0.03rem;margin: 0.23rem auto 0;background: #01a88c;font-size: 0;border-radius: 50px;}
.index-title h2:before {/* content:""; */display:block;position:absolute;left:50%;bottom:.2rem;width:1.2rem;height:.03rem;margin-left:-0.6rem;background:#b1292f;}
.index-title p {font-size:.16rem;opacity: 1;max-width:10.2rem;margin:0 auto;line-height:2em;}
.fabg {background: url(../images/fwbj.jpg) center center no-repeat;background-size: cover;}
.fcbg {background: #fafafa}
.index-service .wal {max-width: 13rem;padding-bottom:.4rem;}
.index-service .list ul {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-0.45rem}
.index-service .list li {width:33.333%;padding: 0rem 0 .4rem .45rem;}
.index-service .list a {/* height: 3rem; */text-align: left;border-radius: 0.12rem;position: relative;display: block;padding: 0.3rem 0.3rem;color: #333;background: #fff;box-shadow: 0 0 0.1rem rgba(0,0,0,0.1);}
.index-service .list a .ico {width:.6rem;height:.6rem;margin: 0 auto;left: 0.5rem;top: -0.5rem;width: 1rem;height: 1rem;border-radius: 50%;/* box-shadow: 0 0 0.15rem rgba(0,0,0,.1); *//* background: #fff; */display: flex;align-items: center;justify-content: center;}
.index-service .list a .ico img{width: 0.6rem;}
.index-service .list a .ico img:nth-child(2) {/* position:absolute; *//* left:0; *//* top:0; *//* opacity:0 */display: none;}
.index-service .list a h5 {font-size:.22rem;padding:0.5em 0;text-align: center;}
.index-service .list a p {font-size:.15rem;line-height:2em;opacity:.8;/* max-width:3rem; */min-height: 3em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-align: center;}
.index-service .list a .more {
    margin-top: .3rem;
    border-radius: 50rem;
    border:1px solid #00a88c;
    width: 1.2rem;
    height: 0.4rem;
    font-size: 15px;
    /* -webkit-transition: all .5s ease; */
    transition: all .5s ease;
    background: #fff;
    /*box-shadow: 0 0 0.05rem #00a88c;*/
    /* background: url(../images/yy.png) center center no-repeat; */
    background-size: 0.15rem;
    /* font-size: 0; */
    color: #00a88c;
    text-align: center;
    line-height: 0.4rem;
    margin: 0 auto;
}
.banner_img img {
    width: 4.43rem;
    margin: 0.3rem 0 0 0;
}
.index-service .list a:hover {/* color:#fff; */box-shadow: 0 0 0.15rem rgba(0,0,0,.2);/* margin: -0.05rem 0 0 0; */}
.index-service .list a:hover .ico img:nth-child(1) {display: none;}
.index-service .list a:hover .ico img:nth-child(2) {display: block;}

.index-service .list a:hover .more {/*background: url(../images/yyh.png) center center no-repeat #00a88c;*/box-shadow: 0 0 0.05rem #00a88c;}
.index-ad {color:#fff;background: url(../images/index-service2.jpg) center no-repeat;background-size: cover;}
.dibu {color:#fff;background: url(../images/index-service22.jpg) center no-repeat;background-size:cover;}

.dibu1 {color:#fff;background: url(../images/dibu.png) center no-repeat;background-size:cover;}
.hot_tel {
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 0.6rem;
    margin: 0 0 0.5rem;
    background: #f5f5f5;
}

.hot_tel img {
    width: 0.52rem;
    display: block;
    margin: 0.2rem auto 0.2rem;
}

.hot_tel em {
    display: block;
    font-size: 0.48rem;
    font-weight: bold;
    color: #00a88c;
}

.hot_tel span {
    font-size: 0.16rem;
}

.contact_us_main {}

.contact_us_main ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
}

.contact_us_main ul li {
    width: 33.33%;
    border-right: 1px solid #ddd;
    padding: 0.2rem 0;
}
.contact_us_main ul li:last-child{border-right:0}

.contact_us_main ul li .con_fs {}

.contact_us_main ul li .con_fs img {
    width: 0.5rem;
    margin: 0 auto 0.3rem;
}

.contact_us_main ul li .con_fs p {
    font-size: 0.18rem;
    line-height: 0.28rem;
}
.chufang {color:#fff;background: url(../images/chufang.jpg) center no-repeat;background-size:100%;}
.index-ad .wal {/* height: 9rem; *//* display:-webkit-box; *//* display:-webkit-flex; */display:-ms-flexbox;/* display:flex; *//* -webkit-box-orient:vertical; *//* -webkit-box-direction:normal; *//* -webkit-flex-direction:column; */-ms-flex-direction:column;/* flex-direction:column; *//* -webkit-box-pack:center; *//* -webkit-justify-content:center; */-ms-flex-pack:center;/* justify-content:center; */position: relative;}
.ad_zi {
    position: absolute;
    /*right: 0;*/
    top: 2.5rem;
}
.index-ad h2 {font-size: .40rem;line-height: 0.7rem;}
.index-ad h2 span{
    display: block;
    font-size: 0.3rem;
}
.index-ad i{
    width: 0.8rem;
    height: 0.04rem;
    display: block;
    background: #fff;
    border-radius: 50px;
    margin: 0.4rem 0;
}
.index-ad p {font-size: .18rem;line-height: 0.34rem;max-width:8rem;margin-bottom: 0.6rem;}
.index-ad .more_but{
    text-align: left;
}
.since{
    position: absolute;
    right: 0;
    top: 0.2rem;
}
.since img{
    width: 3rem;
}
.index-cooperation {
    padding: 0.2rem 0 0.8rem;
}
.index-cooperation .list ul{margin-bottom:0.5rem}
.index-case {/* padding-bottom:.5rem */}
.index-case .tab-btn {padding-bottom: 0.5rem;}
.index-case .tab-btn ul {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content: center;}
.index-case .tab-btn li {/* line-height:.4rem; */padding: 0.1rem 0.2rem;font-size: .18rem;-webkit-transition:all .5s ease;transition:all .5s ease;cursor:pointer;border-radius:.05rem;text-align: center;/* flex: 1; */margin: 0 0.15rem;}
.index-case .tab-btn li:hover {color:#b1292f}
.index-case .tab-btn li.on,.index-case .tab-btn li:hover {background: #ffffff;color: #00a88c;box-shadow: 0 0 0.1rem rgb(0 0 0 / 15%);}
.index-case .tab-btn li i{display: block;width: 0.25rem;height: 0.25rem;}
.index-case .tab-btn li i.qy{background: url(../images/case_i1.png) center center no-repeat;background-size: 0.25rem;}
.index-case .tab-btn li i.tv{background: url(../images/case_i2.png) center center no-repeat;background-size: 0.25rem;}
.index-case .tab-btn li i.ds{background: url(../images/case_i3.png) center center no-repeat;background-size: 0.25rem;}
.index-case .tab-btn li i.zt{background: url(../images/case_i4.png) center center no-repeat;background-size: 0.25rem;}
.index-case .tab-btn li i.dz{background: url(../images/case_i5.png) center center no-repeat;background-size: 0.25rem;}
.index-case .tab-btn li i.wl{background: url(../images/case_i6.png) center center no-repeat;background-size: 0.25rem;}
.index-case .tab-btn li.on i.qy,.index-case .tab-btn li:hover i.qy{background: url(../images/case_ih1.png) center center no-repeat;background-size: 0.25rem;}
.index-case .tab-btn li.on i.tv,.index-case .tab-btn li:hover i.tv{background: url(../images/case_ih2.png) center center no-repeat;background-size: 0.25rem;}
.index-case .tab-btn li.on i.ds,.index-case .tab-btn li:hover i.ds{background: url(../images/case_ih3.png) center center no-repeat;background-size: 0.25rem;}
.index-case .tab-btn li.on i.zt,.index-case .tab-btn li:hover i.zt{background: url(../images/case_ih4.png) center center no-repeat;background-size: 0.25rem;}
.index-case .tab-btn li.on i.dz,.index-case .tab-btn li:hover i.dz{background: url(../images/case_ih5.png) center center no-repeat;background-size: 0.25rem;}
.index-case .tab-btn li.on i.wl,.index-case .tab-btn li:hover i.wl{background: url(../images/case_ih6.png) center center no-repeat;background-size: 0.25rem;}
.tab_box_con{position:relative}
.index-case .tab-box:nth-child(1){position: relative;}
.index-case .tab-box {opacity: 0;visibility: hidden;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin-bottom: 0.6rem;}
.index-case .tab-box.active {opacity: 1;visibility: initial;}
.index-case .list ul {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.index-case .list li {width:33.333%;/* padding:0 0 .3rem .3rem; */}
.index-case .list li .h4{
    background: #fff;
    padding: 0.2rem 0 0.5rem;
    font-size: 0.18rem;
    font-weight: normal;
}
 .index-case .list li h4{
    font-size: 0.18rem;
    font-weight: normal;
}

.index-case .list a {display:block;text-align:center;background:#f5f5f5;color:#212121;position:relative}
.index-case .list a .po_ab {position:absolute;left:0;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;}
.index-case .list a .po_ab .play {}
.index-case .list a .po_ab .play i {width:1rem;height:1rem;display:block;background:url(../images/play.png) center center no-repeat;margin: 0 auto;background-size: 0.99rem;}
.index-case .list a h3 {font-size: 0.22rem;font-weight:normal;/* color:#fff; */padding: 0.2rem 0;}
.index-case .list a .tag {position:absolute;z-index:2;top:.2rem;right:.2rem;line-height:.26rem;padding:0 .2rem;color:#fff;background:#b1292f;border-radius:.4rem}
.index-case .list a .bd {height:1.2rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.index-case .list a .bd .name {font-size:.2rem;padding-bottom:.15rem}
.index-case .list a .bd p {opacity:.7}
.index-case .list a:hover { }
.index-case2 {background:url(../images/index-case2.png) center no-repeat;background-size:cover;text-align:right}
.index-case2 img {height:5rem}
.more_but {
    text-align: center;
}
.more_but a {
    display: inline-block;
    font-size: 0.18rem;
    /* background: #ffffff; */
    /* box-shadow: 0 0 0.15rem rgba(239,8,8,0.5); */
    color: #333;
    padding: 0.12rem 0.4rem;
    /* border-radius: 50px; */
    border: 1px solid #ddd;
}
.more_but a:hover {
    background: #00a88c;
    /* box-shadow: 0 0 0.15rem rgb(1 169 140); */
    color: #fff;
    border: 1px solid #01a98c;
}

.anniu{
	 display: inline-block;
    font-size: 0.18rem;
    background: #ffffff;
    box-shadow: 0 0 0.15rem rgba(239,8,8,0.5);
    color: #333;
    padding: 0.12rem 0.4rem;
    border-radius: 50px;
    box-shadow: 0 0 0.15rem rgba(0,0,0,.1);
    border: none;
}
.anniu:hover {
    background: #00a88c;
    box-shadow: 0 0 0.15rem rgba(239,8,8,0.5);
    color: #fff;
}

.index-service3 {background: url(../images/fuwu_cn.jpg) center no-repeat;background-size:cover;min-height:5.3rem;color:#fff;}
.index-service3 .index-title {color:#fff}
.index-service3 .index-title h2:after{
    background: #fff;
}
.index-service3 .index-title h2:before {background:#fff}
.index-service3 .list {/* padding: 0.5rem 0 1.5rem; */}
.index-service3 .list ul {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.index-service3 .list li {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width: 20%;margin: 0 0.2rem;/*background: rgba(255,255,255,0.2);*/padding: 0.5rem 0.2rem;border-radius: 0.12rem;}
.index-service3 .list li:hover {/* background: rgba(239,7,7,0.5); */}
.index-service3 .list li .ico {width: 1.2rem;transition:all .5s ease;display: flex;align-items: center;justify-content: center;}
.index-service3 .list li .ico:before {/* content:""; */display:block;position:absolute;left:0;top:0;right:0;bottom:0;background:url(../images/img108on.svg) center no-repeat;background-size:100% 100%;opacity:0;}
.index-service3 .list li .ico img {position:relative;z-index:2;width: 100%;}
.index-service3 .list li .name {/* display:-webkit-box; *//* display:-webkit-flex; */display:-ms-flexbox;/* display:flex; *//* -webkit-box-align:center; *//* -webkit-align-items:center; */-ms-flex-align:center;/* align-items:center; *//* -webkit-box-pack:center; *//* -webkit-justify-content:center; */-ms-flex-pack:center;/* justify-content:center; */text-align:center;font-size: .16rem;line-height:2em;height:4em;margin-top: .2rem;}
.index-service3 .list li:hover .ico {background-size:90% 90%}
.index-service3 .list li:hover .ico:before {opacity:1}
.index-about {position:relative;min-height:6.3rem;padding:1.2rem 0 .25rem 0}
.index-about .title {font-size:.28rem;line-height:.48rem;padding-bottom:.3rem;position:relative}
.index-about .title:before {content:"";display:block;position:absolute;left:0;bottom:0;background:#b1292f;width:.3rem;height:.03rem}
.index-about .title h2 {font-size:.4rem;line-height:.48rem;color:#b1292f}
.index-about .content {font-size:.16rem;line-height:2em;text-align:justify;color:#4d4d4d;max-width:7.3rem;padding:.15rem 0 .3rem 0}
.index-about .content h3 {font-size:.2rem;padding:.1rem 0;color:#000}
.index-about .content p {padding-bottom:.1rem}
.index-about .content p em {padding-right:.12rem}
.index-about .more a {display:block;width:1.8rem;line-height:.44rem;border:rgba(102,102,102,.4) solid 1px;text-align:center;color:rgba(51,51,51,.7)}
.index-about .more a:hover {background:#b1292f;border-color:#b1292f;color:#fff}
.index-about .img {width:4.21rem;position:absolute;right:.7rem;bottom:0}
.index-about .img .bg {position:absolute;right:-0.7rem;top:-0.5rem;opacity:.1;width:4.21rem}
.index-cooperation .index-title {padding-bottom:.2rem;position:relative;z-index:5}
.index-cooperation .list ul {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:1px}
.index-cooperation .list li {width:16.66666666666667%;padding:.025rem;position:relative}
.index-cooperation .list li .line {position:absolute;opacity:0;-webkit-transition:opacity .5s ease;transition:opacity .5s ease}
.index-cooperation .list li .line.line-l,.index-cooperation .list li .line.line-r {width:1px;height:4.6rem;top:50%;margin-top:-2.3rem;background:-webkit-linear-gradient(top,rgba(204,204,204,0) 0%,#cccccc 50%,rgba(204,204,204,0) 100%);background:linear-gradient(to bottom,rgba(204,204,204,0) 0%,#cccccc 50%,rgba(204,204,204,0) 100%)}
.index-cooperation .list li .line.line-l {left:-1px}
.index-cooperation .list li .line.line-r {right:0}
.index-cooperation .list li .line.line-t,.index-cooperation .list li .line.line-b {width:5.6rem;height:1px;left:50%;margin-left:-2.8rem;background:-webkit-linear-gradient(left,rgba(204,204,204,0) 0%,#cccccc 50%,rgba(204,204,204,0) 100%);background:linear-gradient(to right,rgba(204,204,204,0) 0%,#cccccc 50%,rgba(204,204,204,0) 100%)}
.index-cooperation .list li .line.line-t {top:-1px}
.index-cooperation .list li .line.line-b {bottom:0}
.index-cooperation .list li a {display:block;position:relative;text-align: center;    padding: 0.2rem 0.35rem;}
.index-cooperation .list li.li-top .line.line-t {display:none}
.index-cooperation .list li.li-top .line.line-l,.index-cooperation .list li.li-top .line.line-r {height:2.3rem;top:100%;background:-webkit-linear-gradient(top,rgba(204,204,204,0) 0%,#cccccc 100%);background:linear-gradient(to bottom,rgba(204,204,204,0) 0%,#cccccc 100%)}
.index-cooperation .list li.li-bottom .line.line-b {display:none}
.index-cooperation .list li.li-bottom .line.line-l,.index-cooperation .list li.li-bottom .line.line-r {height:2.3rem;top:0;margin-top:0;background:-webkit-linear-gradient(top,#cccccc 0%,rgba(204,204,204,0) 100%);background:linear-gradient(to bottom,#cccccc 0%,rgba(204,204,204,0) 100%)}
.index-cooperation .list li.li-left .line.line-l {display:none}
.index-cooperation .list li.li-left .line.line-t,.index-cooperation .list li.li-left .line.line-b {width:2.8rem;left:100%;background:-webkit-linear-gradient(left,rgba(204,204,204,0) 0%,#cccccc 100%);background:linear-gradient(to right,rgba(204,204,204,0) 0%,#cccccc 100%)}
.index-cooperation .list li.li-right .line.line-r {display:none}
.index-cooperation .list li.li-right .line.line-t,.index-cooperation .list li.li-right .line.line-b {width:2.8rem;left:0;margin-left:0;background:-webkit-linear-gradient(left,#cccccc 0%,rgba(204,204,204,0) 100%);background:linear-gradient(to right,#cccccc 0%,rgba(204,204,204,0) 100%)}
.index-cooperation .list li:hover .line {opacity:1}
.index-news .wal {/* display:-webkit-box; *//* display:-webkit-flex; */display:-ms-flexbox;/* display:flex; *//* -webkit-box-pack:justify; *//* -webkit-justify-content:space-between; */-ms-flex-pack:justify;/* justify-content:space-between; *//* -webkit-flex-wrap:wrap; */-ms-flex-wrap:wrap;/* flex-wrap:wrap; *//* padding-bottom:.5rem; */}
.index-news .index-title {width:100%}
.index-news .title {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:.4rem;border-bottom:#ccc solid 1px}
.index-news .title .tab-btn ul {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.index-news .title .tab-btn li {font-size:.18rem;font-weight:bold;cursor:pointer;color:#222;-webkit-transition:all .5s ease;transition:all .5s ease;height:.4rem;position:relative;line-height:.2rem;margin-right:.2rem}
.index-news .title .tab-btn li:before {content:"";display:block;position:absolute;left:0;bottom:0;right:0;height:.03rem;opacity:0;background:#b1292f}
.index-news .title .tab-btn li:hover,.index-news .title .tab-btn li.on {color:#b1292f}
.index-news .title .tab-btn li.on:before {opacity:1}
.index-news .title h3 {height:.4rem;position:relative;line-height:.2rem;color:#222;font-size:.18rem}
.index-news .title h3:before {content:"";display:block;position:absolute;left:0;bottom:0;right:0;height:.03rem;background:#b1292f}
.index-news .title a.more {line-height:.18rem;height:.18rem;color:#666;padding-right:.26rem;background:url(../images/img16.png) right center no-repeat;background-size:.16rem}
.index-news .title a.more:hover {color:#b1292f}
.index-news .col-1 {width:8.6rem}
.index-news .col-1 .row {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding-top:.3rem}
.index-news .col-1 .col {width:4rem}
.index-news .col-1 .name a {display:block;color:#b1292f;font-size:.18rem;padding:.18rem 0 .1rem 0}
.index-news .col-1 .content {line-height:2em;text-align:justify;opacity:.7}
.index-news .col-1 .list {padding-top:.2rem;border-bottom:#999 dashed 1px}
.index-news .col-1 .list li {border-top:#999 dashed 1px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:.4rem}
.index-news .col-1 .list li em {-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-right:.09rem;width:.2rem;height:.2rem;line-height:.2rem;text-align:center;font-size:.12rem;color:#fff;background:#b1292f}
.index-news .col-1 .list li a {width:100%;height:.3rem;line-height:.3rem;font-size:.14rem;color:#666}
.index-news .col-1 .list li:hover a {color:#b1292f}
.index-news .col-2 {width:4rem}
.index-news .col-2 .list {padding:.3rem .2rem}
.index-news .col-2 .list li {border-top:#b3b3b3 solid 1px;padding:.2rem .1rem}
.index-news .col-2 .list li .name,.index-news .col-2 .list li .content {position:relative;padding-left:.3rem;line-height:.28rem}
.index-news .col-2 .list li .name:before,.index-news .col-2 .list li .content:before {content:"";display:block;position:absolute;left:0;top:.04rem;background:#666;width:.2rem;height:.2rem;line-height:.2rem;text-align:center;font-size:.12rem;color:#fff;content:"Q"}
.index-news .col-2 .list li .name {font-size:.16rem;padding-bottom:.07rem}
.index-news .col-2 .list li .content {color:#666}
.index-news .col-2 .list li .content:before {background:#b1292f;content:"A"}
@media screen and (max-width:800px) {.index-flash li .wal {height:50vh;min-height:5rem}
.index-flash li .title h2 {left:-0.3rem;font-size:1.2rem}
.index-flash li .title .name {font-size:.32rem}
.index-flash li .title .msg {font-size:.32rem;padding:.2rem 0 .4rem 0;margin-bottom:.4rem}
.index-flash li .title .msg b {font-size:.38rem}
.index-flash li .title h2 {left:-0.3rem;font-size:1.2rem;bottom:.4rem}
.index-flash li .title .name {font-size:.3rem;line-height: 0.5rem;}
.index-flash li .title .name b {font-size:.42rem;padding:0 .05rem}
.index-flash li .title .msg {font-size:.24rem;line-height: .36rem;padding: .15rem 0 0rem 0;margin-bottom: 0;}
.index-flash li .more a {font-size:.26rem;width:2rem;line-height:.66rem}
.index-search .wal {-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;height:2.5rem;padding:.3rem 0}
.index-search .list {width:100%;position:relative;padding-left:2rem}
.index-search .list ul {-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.index-search .list li:nth-child(1) {position:absolute;left:0;top:0}
.index-search .list li {padding-right:1em;line-height:.4rem}
.index-search .form {width:100%}
.index-search .form .input {height:.64rem}
.index-search .form .input input {height:.62rem;line-height:.62rem;font-size:.24rem;padding:0 .24rem}
.index-search .form .submit {width:1.6rem;height:.64rem}
.index-search .form .submit img {width:.2rem}
.index-title p {font-size:.22rem;margin: 0 0.35rem;line-height:1.7em;}
.index-service .list ul {margin-left:-0.3rem}
.index-service .list li {width:50%;padding: 0 0 .3rem .3rem;}
.index-service .list a {/* height: 3.7rem; *//* padding: 0.7rem 0.3rem 0.4rem; */}
.index-service .list a h5 {font-size:.26rem;padding:.1rem 0;line-height: 0.38rem;height: 0.96rem;}
.index-service .list a p {font-size:.2rem;line-height:1.7em;-webkit-line-clamp: 3;}
.index-service .list a .more {/* margin-top: .3rem; */width: auto;/* line-height:.48rem; */}
.index-service2 h2 {font-size:.36rem;padding-bottom:.2rem}
.index-service2 .content {font-size:.24rem;line-height:1.7em;max-width:6rem}
.index-case .tab-btn ul {-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.index-case .tab-btn li {height:.6rem;line-height:.6rem;padding:0 .28rem;font-size:.26rem}
.index-case .list li {width:50%}
.index-case .list a .tag {line-height:.36rem;font-size:.2rem}
.index-case .list a .bd {height:1.3rem;padding:0 .2rem}
.index-case .list a .bd .name {font-size:.26rem;line-height:.4rem;padding:0;height:.4rem;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.index-case .list a .bd p {font-size:.22rem;height:.4rem;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:.06rem}
.index-case2 img {height:3rem}
.index-service3 {padding-bottom:.3rem}
.index-service3 .list ul {-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.index-service3 .list li {width: 33.333%;padding: 0;margin: 0 0 0.3rem;}
.index-service3 .list li .name {font-size:.22rem;line-height: 2em;height: auto;margin-top:.15rem;}
.index-about {padding-bottom:0;min-height:1rem}
.index-about .content {font-size:.24rem;line-height:1.75em}
.index-about .content h3 {font-size:.28rem}
.index-about .content em {padding-right:.06rem}
.index-about .more a {width:2rem;line-height:.6rem}
.index-about .img {width:100%;position:static;padding-top:.3rem}
.index-about .img .bg {display:none}
.index-cooperation {width:100%;overflow:hidden;position:relative}
.index-cooperation .list li {width:33.333%;/* padding: 0 0.25rem; */}
.index-cooperation .list li a{padding: 0.2rem;}
.index-news .title {height:.5rem}
.index-news .title .tab-btn li {font-size:.28rem;height:.5rem;line-height:.3rem}
.index-news .title h3 {height:.5rem;line-height:.3rem;font-size:.28rem}
.index-news .title a.more {line-height:.3rem;height:.3rem;background-size:.2rem}
.index-news .col-1 {width:100%}
.index-news .col-1 .row {-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.index-news .col-1 .col {width:100%;padding-bottom:.4rem}
.index-news .col-1 .name a {font-size:.26rem;padding:.24rem 0 .14rem 0}
.index-news .col-1 .content {line-height:1.7em;font-size:.22rem}
.index-news .col-1 .list li {height:.66rem}
.index-news .col-1 .list li em {width:.36rem;height:.36rem;line-height:.36rem;font-size:.2rem}
.index-news .col-1 .list li a {height:.4rem;line-height:.4rem;font-size:.22rem}
.index-news .col-2 {width:100%;padding-top:.3rem}
.index-news .col-2 .list {padding:.3rem 0}
.index-news .col-2 .list li {padding:.3rem 0}
.index-news .col-2 .list li:first-child {border:0;padding-top:0}
.index-news .col-2 .list li .name,.index-news .col-2 .list li .content {padding-left:.5rem;line-height:.4rem;font-size:.22rem}
.index-news .col-2 .list li .name:before,.index-news .col-2 .list li .content:before {top:.04rem;width:.32rem;height:.32rem;line-height:.32rem;font-size:.2rem}
.index-news .col-2 .list li .name {font-size:.26rem}
}
.ellipsis {overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.page-banner-wrapper {height:6rem;overflow:hidden;position:relative;z-index:5}
.page-banner {background:center no-repeat;background-size:cover;height:6rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.page-banner h2 {font-size:.48rem;color:#fff;line-height:.8rem;text-align:center;padding-top:1rem}
.page-banner .wal {color:#fff;letter-spacing:.03rem;text-align:center;padding-top:1rem}
.page-banner .wal h3 {font-size:.67rem;line-height:1em;position:relative;padding-bottom:.6rem}
.page-banner .wal h3:before {content:"";display:block;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:.2rem;background:#fff;width:.73rem;height:.04rem}
.page-banner .wal h3 em {font-weight:400}
.page-banner .wal .en {text-transform:uppercase;font-size:.23rem;line-height:1em}
.contact-title {border-bottom:rgba(0,0,0,.2) solid 1px;position:relative}
.contact-title:before {content:"";display:block;position:absolute;left:0;bottom:-1px;height:2px;width:.48rem;background:#b1292f}
.contact-title h2 {font-size:.4rem;line-height:1em}
.contact-title p {font-size:.16rem;padding:.18rem 0 .4rem 0}
.contact {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:1.2rem 0 1rem 0}
.contact .container {width:3.8rem}
.contact .container .list {padding-top:.38rem}
.contact .container .list li {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;padding-bottom:.24rem}
.contact .container .list li img {width:.26rem;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-right:.15rem;position:relative;top:.03rem}
.contact .container .list li em {-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}
.contact .container .list li em,.contact .container .list li p {font-size:.16rem;line-height:2em;color:#666}
.contact .container .list li p {width:100%}
.contact .map {width:8rem;height:5.1rem;position:relative;z-index:1}
.contact-form {background:url(../images/contact-bg.png) center no-repeat;background-size:cover;min-height:9.13rem;padding:1rem 0}
.contact-form .wal {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}
.contact-form .contact-title {width:4.33rem}
.contact-form .form {width:8rem}
.contact-form .form li {padding-bottom:.3rem;position:relative}
.contact-form .form li .iconfont {position:absolute;left:.2rem;top:0;line-height:.8rem;font-size:.32rem;-webkit-transition:all .5s ease;transition:all .5s ease;color:#8e8e8e}
.contact-form .form li .iconfont.ico-2 {-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}
.contact-form .form li .input {border:#d4d4d4 solid 1px;-webkit-transition:all .5s ease;transition:all .5s ease}
.contact-form .form li .input input::-webkit-input-placeholder {color:#8e8e8e}
.contact-form .form li .input input::-moz-placeholder {color:#8e8e8e}
.contact-form .form li .input input:-moz-placeholder {color:#8e8e8e}
.contact-form .form li .input input:-ms-input-placeholder {color:#8e8e8e}
.contact-form .form li .input textarea::-webkit-input-placeholder {color:#8e8e8e}
.contact-form .form li .input textarea::-moz-placeholder {color:#8e8e8e}
.contact-form .form li .input textarea:-moz-placeholder {color:#8e8e8e}
.contact-form .form li .input textarea:-ms-input-placeholder {color:#8e8e8e}
.contact-form .form li .input input,.contact-form .form li .input textarea {width:100%;height:.8rem;line-height:.8rem;font-size:.22rem;padding-left:.75rem;color:#333}
.contact-form .form li .input textarea {height:2.4rem;padding:.2rem .2rem .2rem .75rem;line-height:.4rem}
.contact-form .form li.on .ico {color:#b1292f}
.contact-form .form li.on .input {border-color:#b1292f;background:rgba(177,41,47,.1)}
.contact-form .form .submit {padding-top:.3rem}
.contact-form .form .submit div {background:#b1292f;width:1.8rem;margin-left:auto}
.contact-form .form .submit input {width:100%;height:.6rem;font-size:.22rem;color:#fff;cursor:pointer}
.page-nav {padding:1rem 0 .1rem 0}
.page-nav ul {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.page-nav li {padding:0 .13rem}
.page-nav a {display:block;padding:0 .2rem;line-height:.4rem;font-size:.16rem;color:#232323;border-radius:.05rem}
.page-nav a.on,.page-nav a:hover {background:#b1292f;color:#fff;box-shadow:0 0 .1rem rgba(177,41,47,.15)}
.news a {border-bottom:rgba(0,0,0,.2) solid 1px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:.5rem 0}
.news a .time {-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;text-align:center;margin-right:.45rem;font-size:.17rem;color:#666;letter-spacing:.02rem;-webkit-transition:all .5s ease;transition:all .5s ease}
.news a .time em {font-size:.6rem;display:block;line-height:1em}
.news a .zoomImg {width:3.6rem;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}
.news a .col {width:100%;padding-left:.6rem}
.news a .col h5 {font-size:.22rem}
.news a .col h5 em {color:#b1292f}
.news a .col .content {font-size:.16rem;line-height:2em;color:#5c6166;min-height:1.2rem;padding:.2rem 0}
.news a .col .more {border-radius:.4rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;line-height:1em;width:1.2rem;height:.38rem;border:#b1292f solid 1px;color:#b1292f;-webkit-transition:all .5s ease;transition:all .5s ease}
.news a .col .more:after {font-family:"iconfont";margin-left:.1rem;-webkit-transform:scale(0.85);-ms-transform:scale(0.85);transform:scale(0.85)}
.news a .col .more:hover {background:#b1292f;color:#fff}
.news a:hover {color:#b1292f;border-color:#b1292f}
.news a:hover .time {color:#b1292f}
.p-num {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:.5rem 0 1rem 0}
.p-num a {font-size:.16rem;color:#5c6166;padding:0 .15rem;line-height:1em}
.p-num a:hover,.p-num a.on {color:#b1292f}
.p-num a.on {font-weight:bold}
.p-num a.arrow {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.p-num a.arrow span {font-family:"iconfont"}
.p-num a.arrow em {padding:0 .1rem}
.news-show {padding-top:.85rem}
.news-show .hd {position:relative;padding-bottom:.24rem}
.news-show .hd h2 {font-weight:400;font-size:.3rem;line-height:2em}
.news-show .hd .time {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#666}
.news-show .hd .time em {margin-left:.1rem}
.news-show .hd a.back {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;right:0;border:rgba(0,0,0,.2) solid 1px;border-radius:50%;width:.6rem;height:.6rem;font-size:.26rem;color:#b1292f}
.news-show .hd a.back:hover {background:#b1292f;border-color:#b1292f;color:#fff}
.news-show .content {font-size:.16rem;line-height:.3rem;text-align:justify;color:#212121;padding:.5rem 0 .2rem 0;border-top:rgba(0,0,0,.1) solid 1px}
.news-show .content p,.news-show .content .img {padding-bottom:.3rem}
.p-num2 {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:.4rem 0 1.2rem 0;font-size:.16rem;border-top:rgba(0,0,0,.1) solid 1px;color:#666}
.case {padding-top:.2rem}
.case .page-nav {padding:0 0 .3rem 0}
.case .list ul {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-0.3rem}
.case .list li {width:33.333%;padding:0 0 .3rem .3rem}
.case .list a {display:block;text-align:center;background:#f5f5f5;color:#212121;position:relative}
.case .list a .tag {position:absolute;z-index:2;top:.2rem;right:.2rem;line-height:.26rem;padding:0 .2rem;color:#fff;background:#b1292f;border-radius:.4rem}
.case .list a .bd {height:1.2rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.case .list a .bd .name {font-size:.2rem;padding-bottom:.15rem}
.case .list a .bd .name em {color:#b1292f}
.case .list a .bd p {opacity:.7}
.case .list a:hover {background:#b1292f;color:#fff}
.case .list a:hover .bd .name em {color:#fff}
.case-show {padding:.85rem 0 .6rem 0}
.case-show .hd {position:relative;padding-bottom:.24rem;text-align:center;border-bottom:rgba(0,0,0,.1) solid 1px;margin-bottom:.6rem}
.case-show .hd h2 {font-weight:400;font-size:.3rem;line-height:2em}
.case-show .hd .time {color:#666}
.case-show .hd a.back {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;right:0;border:rgba(0,0,0,.2) solid 1px;border-radius:50%;width:.6rem;height:.6rem;font-size:.26rem;color:#b1292f}
.case-show .hd a.back:hover {background:#b1292f;border-color:#b1292f;color:#fff}
.case-show .video {width:10rem;margin:0 auto;position:relative}
.case-show .video video {width:100%;height:6rem;-o-object-fit:cover;object-fit:cover;display:block}
.case-show .video .btn {position:absolute;z-index:5;left:0;top:0;right:0;bottom:0;cursor:pointer;background:rgba(0,0,0,.3) url(../images/btn74.png) center no-repeat;background-size:.74rem}
.related-case {padding:0 .9rem 1.2rem .9rem}
.related-case .index-title {padding:0 0 .4rem 0}
.related-case .list {margin-left:-0.15rem;margin-right:-0.15rem;position:relative}
.related-case .arrow a {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-family:"iconfont";position:absolute;top:1.34rem;width:.52rem;height:.52rem;border:rgba(7,0,2,.3) solid 1px;border-radius:50%;font-size:.2rem}
.related-case .arrow a:hover {color:#b1292f}
.related-case .arrow a.prev {left:-0.65rem}
.related-case .arrow a.next {right:-0.65rem}
.related-case .list-wrapper {width:100%;overflow:hidden;position:relative}
.related-case .list-wrapper li {padding:0 .15rem}
.related-case .list-wrapper li a {display:block;text-align:center;background:#f5f5f5;color:#212121;position:relative}
.related-case .list-wrapper li a .tag {position:absolute;z-index:2;top:.2rem;right:.2rem;line-height:.26rem;padding:0 .2rem;color:#fff;background:#b1292f;border-radius:.4rem}
.related-case .list-wrapper li a .bd {height:1.2rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.related-case .list-wrapper li a .bd .name {font-size:.2rem;padding-bottom:.15rem}
.related-case .list-wrapper li a .bd p {opacity:.7}
.related-case .list-wrapper li a:hover {background:#b1292f;color:#fff}
.page-search {padding-bottom:1.2rem}
.page-search .search-msg {font-size:.18rem;line-height:.8rem;color:#666;border-bottom:#ccc solid 1px}
.page-search .search-msg em {color:#b1292f}
.page-search .search-title {font-size:.32rem;color:#1f1f1f;letter-spacing:.02rem;line-height:1em;padding:.6rem 0 .74rem 0;position:relative}
.page-search .search-title:before {content:"";display:block;position:absolute;left:0;bottom:.4rem;width:1.2rem;height:.03rem;background:#b1292f}
.page-search .case {padding:0}
.page-search .news {margin-top:-0.4rem}
.about-1 {background:url(../images/about-1.png) center no-repeat;background-size:cover;margin-top:1rem}
.about-1 .wal {height:6rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.about-1 .container {width:6.63rem;height:3.3rem;background:rgba(255,255,255,.3);color:#fff;padding:0 .4rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.about-1 .container h2 {font-size:.32rem;padding-bottom:.3rem}
.about-1 .container .content {font-size:.2rem;line-height:1.8em}
.about-title {padding:1rem 0 .4rem 0}
.about-title h2 {font-size:.4rem;line-height:1em;color:#b1292f}
.about-title .msg {position:relative;font-size:.28rem;color:#212121;padding:.12rem 0 .55rem 0}
.about-title .msg:before {content:"";display:block;position:absolute;left:0;bottom:.15rem;width:.3rem;height:.03rem;background:#b1292f}
.about-title p {font-size:.16rem;color:#4d4d4d;line-height:2em}
.about-2 .list {margin-left:-0.05rem;margin-right:-0.05rem}
.about-2 .list-wrapper {width:100%;overflow:hidden;position:relative}
.about-2 .list-wrapper li {padding:0 .05rem}
.about-2 .list-wrapper li dl {position:relative;height:6.1rem}
.about-2 .list-wrapper li dd {position:absolute}
.about-2 .list-wrapper li dd:nth-child(1) {width:22.6515151515%;left:0;top:0}
.about-2 .list-wrapper li dd:nth-child(2) {width:34.9242424242%;left:23.4090909091%;top:0}
.about-2 .list-wrapper li dd:nth-child(3) {width:19.8484848485%;right:0;top:0}
.about-2 .list-wrapper li dd:nth-child(4) {width:39.2424242424%;left:0;bottom:0}
.about-2 .list-wrapper li dd:nth-child(5) {width:18.3333333333%;left:40%;bottom:0}
.about-2 .list-wrapper li dd:nth-child(6) {width:19.8484848485%;right:0;bottom:0}
.about-2 .list-wrapper li dd:nth-child(7) {width:20.303030303%;left:59.0909090909%;top:0}
.about-3 {padding-bottom:1rem}
.about-3 .list {margin-left:-0.1rem;margin-right:-0.1rem}
.about-3 .list-wrapper {width:100%;overflow:hidden;position:relative}
.about-3 .list-wrapper dl {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.about-3 .list-wrapper dd {width:33.333%;padding:0 .1rem .2rem .1rem}
.about-3 .dots {padding-top:.22rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.about-3 .dots span {width:.18rem;height:.18rem;border-radius:50%;background:#737373;border:#fff solid .03rem;margin:0 .08rem;-webkit-transition:all .5s ease;transition:all .5s ease}
.about-3 .dots span.swiper-pagination-bullet-active {border-color:#b1292f;background:#fff}
.about-4 {background:#f2f2f2;padding:.4rem 0 1rem 0;width:100%;overflow:hidden;position:relative}
.about-4 li {margin-top:.6rem;background:#fff;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:.35rem 0}
.about-4 li:before {content:"";display:block;position:absolute;top:0;bottom:0;width:100vw;background:#fff}
.about-4 li .about-title {padding:0 0 0 .6rem;position:relative;z-index:2;width:7.1rem}
.about-4 li .img {position:relative;z-index:2;width:5.4rem}
.about-4 li:nth-child(odd):before {right:50%;margin-right:-100vw}
.about-4 li:nth-child(even):before {left:50%;margin-left:-100vw}
.about-4 li:nth-child(even) .about-title {-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2;padding:0 .6rem 0 0}
.p-num3 {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 0 1rem 0}
.p-num3 .num {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.p-num3 .num a {margin-right:.1rem;width:.3rem;height:.3rem;line-height:.3rem;text-align:center;border-radius:50%}
.p-num3 .num a:hover,.p-num3 .num a.on {color:#fff;background:#b1292f}
.p-num3 a.next {border-radius:50%;color:#fff;background:#b1292f;width:.48rem;height:.48rem;line-height:.48rem;text-align:center;font-size:.2rem}
.service-1 {/* display:-webkit-box; *//* display:-webkit-flex; */display:-ms-flexbox;/* display:flex; *//* -webkit-box-pack:justify; *//* -webkit-justify-content:space-between; */-ms-flex-pack:justify;/* justify-content:space-between; *//* -webkit-box-align:center; *//* -webkit-align-items:center; */-ms-flex-align:center;/* align-items:center; *//* padding:.7rem 0 */}
.service-1 .col {width:5rem}
.service-1 .col .title {position:relative}
.service-1 .col .title:before {content:"";display:block;position:absolute;left:0;bottom:0;width:.3rem;height:.03rem;background:#b1292f}
.service-1 .col .title h2 {font-size:.4rem;line-height:1em;color:#b1292f}
.service-1 .col .title p {font-size:.28rem;color:#212121;line-height:1em;padding:.2rem 0 .4rem 0}
.service-1 .col .content {font-size:.18rem;line-height:2em;text-align:justify;max-width:4.2rem;color:#4d4d4d;padding-top:.4rem}
.service-1 .list {/* width:5.95rem; *//* height:6.25rem; *//* position:relative; *//* background:url(../images/img542.png) center no-repeat; *//* background-size:auto 100%; *//* opacity:0 */}
.service-1 .list .title {position:absolute;left:0;top:2rem;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:2.28rem}
.service-1 .list .title h3 {font-size:.22rem;line-height:1em;padding-bottom:.15rem}
.service-1 .list .title .en {text-transform:uppercase;font-size:.15rem;color:#666}
.service-1 .list li {position:absolute;width:1.79rem;height:2.07rem}
.service-1 .list li:before {content:"";display:block;position:absolute;left:-0.19rem;right:-0.19rem;top:-0.16rem;bottom:-0.16rem;background:url(../images/img218.png) center no-repeat;background-size:100% 100%;opacity:0}
.service-1 .list li svg {width:100%;position:relative}
.service-1 .list li .name {position:absolute;left:0;top:0;right:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#fff}
.service-1 .list li .name img {width:.52rem}
.service-1 .list li .name h5 {font-size:.24rem;line-height:1em;padding-top:.12rem}
.service-1 .list li:nth-child(1) {left:1.04rem;top:.29rem}
.service-1 .list li:nth-child(1) svg path {fill:#bdca47}
.service-1 .list li:nth-child(2) {right:1.04rem;top:.29rem}
.service-1 .list li:nth-child(2) svg path {fill:#eabc1e}
.service-1 .list li:nth-child(3) {right:0;top:2.13rem}
.service-1 .list li:nth-child(3) svg path {fill:#92c2b2}
.service-1 .list li:nth-child(4) {right:1.04rem;top:3.91rem}
.service-1 .list li:nth-child(4) svg path {fill:#d7793b}
.service-1 .list li:nth-child(5) {left:1.04rem;top:3.91rem}
.service-1 .list li:nth-child(5) svg path {fill:#b497b5}
.service-1 .list li:nth-child(6) {left:0;top:2.13rem}
.service-1 .list li:nth-child(6) svg path {fill:#76a7b7}
.service-1 .list li:hover:before {opacity:1}
.service-2 {width:100%;overflow:hidden;position:relative}
.service-2 .list {position:relative;opacity:0}
.service-2 .list:before {content:"";display:block;position:absolute;left:-0.41rem;top:.62rem;background:url(../images/img1507.png) center no-repeat;background-size:100% 100%;width:15.07rem;height:2.93rem}
.service-2 .list ul {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;position:relative}
.service-2 .list ul:nth-child(2) {-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.service-2 .list li {width:1.5rem;height:2.65rem;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.service-2 .list li img {height:.55rem;margin-bottom:.08rem}
.service-2 .list li .num {font-size:.16rem;font-weight:bold;font-style:italic;color:#fff;text-align:center;width:.3rem;height:.3rem;line-height:.3rem;background:#666;border-radius:50%}
.service-2 .list li .name {font-size:.22rem;color:#212121;padding:.15rem 0 .12rem 0}
.service-2 .list li .msg {font-size:.15rem;line-height:.26rem;color:#666;margin-left:-0.5rem;margin-right:-0.5rem}
@media screen and (min-width:800px) {.service-2 .list {height:4.7rem}
}
.service-3 .list {margin-left:-0.05rem;margin-right:-0.05rem}
.service-3 .list-wrapper {width:100%;overflow:hidden;position:relative}
.service-3 .list-wrapper li{padding: 0;}
.service-3 .list-wrapper li dl{/* position:relative; */height:6.14rem;width: 100%;}
.service-3 .list-wrapper li dd{position:absolute}
.service-3 .list-wrapper li dd:nth-child(1) {width: 22.307692%;left:0;top:0;}
.service-3 .list-wrapper li dd:nth-child(2) {width: 22.307692%;left: 23.461538%;top:0;}
.service-3 .list-wrapper li dd:nth-child(3) {width: 30%;left: 46.923077%;top:0;}
.service-3 .list-wrapper li dd:nth-child(4) {width: 30%;left:0;bottom:0;}
.service-3 .list-wrapper li dd:nth-child(5) {width: 22.307692%;left: 31.153846%;bottom:0;}
.service-3 .list-wrapper li dd:nth-child(6) {width: 22.307692%;left: 54.615385%;bottom:0;}
.service-3 .list-wrapper li dd:nth-child(7) {width: 21.923077%;right: 0;top:0;}
.service-3 .list-wrapper li a {display:block;color:#fff;text-align:center;position:relative;cursor:default}
.service-3 .list-wrapper li a .name {position:absolute;left:0;bottom:0;right:0;padding-top:.4rem;font-size:.2rem;background-size:auto 100%;text-align: left;padding: 0.2rem;}
.service-4 {padding-bottom:1.2rem}
.service-4 .btns {padding-bottom:.3rem}
.service-4 .btns ul {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.service-4 .btns li {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;cursor:pointer;padding:0 .2rem}
.service-4 .btns li .ico {width:.35rem;height:.32rem;position:relative}
.service-4 .btns li .ico img:nth-child(2) {position:absolute;left:0;top:0;opacity:0}
.service-4 .btns li .name {font-size:.16rem;line-height:1em;color:#666;/* margin-left:.04rem; */-webkit-transition:color .5s ease;transition:color .5s ease;padding: 0.1rem .2rem;border-radius: .05rem;}
.service-4 .btns li:hover .ico img:nth-child(1),.service-4 .btns li.on .ico img:nth-child(1) {opacity:0}
.service-4 .btns li:hover .ico img:nth-child(2),.service-4 .btns li.on .ico img:nth-child(2) {opacity:1}
.service-4 .btns li:hover .name,.service-4 .btns li.on .name {color:#b1292f;background: #ffffff;color: #00a88c;box-shadow: 0 0 0.1rem rgb(0 0 0 / 15%);}
.service-4 .list {width:100%;overflow:hidden;position:relative}
.service-4 .list .list-wrapper {width:36rem;position:relative;left:50%;margin-left:-18rem}
.service-4 .list li {padding: 0 .2rem;}
.service-4 .list li .box {position:relative;width:100%;border-radius:.15rem;overflow:hidden}
.service-4 .list li .layer {position:absolute;left:0;bottom: 0;right: 0;height:2.6rem;margin-top:-1.3rem;background: linear-gradient(transparent,rgba(0, 0, 0, 0.9));border-radius:0 .1rem .1rem 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0 .24rem;opacity:0;-webkit-transition:all .5s ease;transition:all .5s ease;color: #fff;}
.service-4 .list li .layer h5 {font-size:.28rem;padding-bottom:.2rem}
.service-4 .list li .layer .content {font-size:.16rem;line-height:2em;color:#666;color: #fff;}
.service-4 .list li.swiper-slide-active .layer {opacity:1}
.service-4 .list .arrow a {display:block;font-family:"iconfont";position:absolute;top: 50%;margin-top: -0.27rem;width: 0.54rem;height: 0.54rem;text-indent: -9999px;z-index: 9999;border-radius: 50%;background: #fff;box-shadow: 0 0 0.15rem rgba(0,0,0,.1);}
.service-4 .list .arrow a:hover {color:#b1292f}
.service-4 .list .arrow a.prev {left:50%;margin-left:-6.2rem;background: url(../images/dzz.png) center center no-repeat #ffffff;background-size: 0.15rem;/* box-shadow: 0 0 0.15rem rgba(239,8,8,0.5); */}
.service-4 .list .arrow a.next {right:50%;margin-right:-6.2rem;background: url(../images/dyy.png) center center no-repeat #ffffff;background-size: 0.15rem;}
.service-4 .list .arrow a.prev:hover {/* left:50%; *//* margin-left:-6.2rem; */background: url(../images/dzzh.png) center center no-repeat #00a88c;background-size: 0.15rem;box-shadow: 0 0 0.15rem rgba(239,8,8,0.5);}
.service-4 .list .arrow a.next:hover {right:50%;/* margin-right:-6.2rem; */background: url(../images/dyyh.png) center center no-repeat #00a88c;background-size: 0.15rem;box-shadow: 0 0 0.15rem rgba(239,8,8,0.5);}


@media screen and (max-width:800px) {.page-banner-wrapper {height:4rem}
.page-banner {height:4rem}
.page-banner h2 {font-size:.36rem;line-height:.6rem;padding-top:.8rem}
.page-banner .wal {width:100%;letter-spacing:0;padding:.8rem .3rem 0 .3rem}
.page-banner .wal h3 {font-size:.4rem;padding-bottom:.6rem}
.contact-title p {font-size:.22rem;line-height:1.6em}
.contact {-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:1rem 0}
.contact .container {width:100%;padding-bottom:.5rem}
.contact .container .list li img {width:.32rem;top:.05rem}
.contact .container .list li em,.contact .container .list li p {font-size:.24rem}
.contact .map {width:100%}
.contact-form .wal {-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.contact-form .contact-title {width:100%}
.contact-form .form {width:100%;padding-top:.35rem}
.contact-form .form li .iconfont {font-size:.4rem}
.contact-form .form li .input input,.contact-form .form li .input textarea {font-size:.24rem}
.contact-form .form .submit div {width:2.2rem}
.contact-form .form .submit input {height:.8rem;font-size:.28rem}
.page-nav li {padding:0 .05rem}
.page-nav a {padding:0 .3rem;line-height:.6rem;font-size:.26rem;min-width:3em;text-align:center}
.news a {-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.news a .time {margin-right:0;margin-left:.4rem;font-size:.24rem}
.news a .time em {font-size:.8rem}
.news a .zoomImg {width:5rem;-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}
.news a .col {padding:.3rem 0 0 0}
.news a .col h5 {font-size:.28rem}
.news a .col .content {font-size:.22rem;line-height:1.75em}
.news a .col .more {width:1.8rem;height:.58rem}
service-3 .p-num a {font-size:.26rem}
.news-show {padding-top:.5rem}
.news-show .hd h2 {font-size:.32rem}
.news-show .content {font-size:.24rem;line-height:.44rem}
.p-num2 {font-size:.24rem;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:.48rem}
.case .page-nav ul {-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:-0.1rem}
.case .page-nav li {padding-bottom:.1rem}
.case .list li {width:50%}
.case .list a .tag {line-height:.36rem;font-size:.2rem}
.case .list a .bd {height:1.3rem;padding:0 .2rem}
.case .list a .bd .name {font-size:.26rem;line-height:.4rem;padding:0;height:.4rem;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.case .list a .bd p {font-size:.22rem;height:.4rem;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:.06rem}
.case-show {padding:.5rem 0 .6rem 0}
.case-show .video {width:100%}
.case-show .video video {height:4rem}
.related-case {padding:0 .7rem 1.2rem .7rem}
.related-case .list-wrapper li a .tag {line-height:.36rem;font-size:.2rem}
.related-case .list-wrapper li a .bd {height:1.3rem;padding:0 .2rem}
.related-case .list-wrapper li a .bd .name {font-size:.26rem;line-height:.4rem;padding:0;height:.4rem;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.related-case .list-wrapper li a .bd p {font-size:.22rem;height:.4rem;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:.06rem}
.page-search .search-msg {font-size:.24rem;line-height:1rem}
.about-1 .wal {height:5rem}
.about-1 .container {width:6rem;height:2.6rem;padding:0 .3rem}
.about-1 .container h2 {font-size:.28rem;padding-bottom:.2rem}
.about-1 .container .content {font-size:.22rem;line-height:1.7em}
.about-title p {font-size:.22rem;line-height:1.75em}
.about-2 .list-wrapper li dl {height:3.18rem}
.about-4 li {-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.5rem .3rem}
.about-4 li .about-title {padding:0 0 .3rem 0;width:100%}
.about-4 li:nth-child(even) .about-title {-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1;padding:0 0 .3rem 0}
.service-1 {-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.service-1 .col {width:100%;padding-bottom:.5rem}
.service-1 .col .content {font-size:.24rem;line-height:1.8em;max-width:100%}
.service-1 .list .title h3 {font-size:.28rem}
.service-2 .index-title p {/* max-width:5.5rem */}
.service-2 .list:before {display:none}
.service-2 .list ul {-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-0.1rem;margin-right:-0.1rem}
.service-2 .list ul:nth-child(2) {-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}
.service-2 .list li {width:50%;height:2.65rem}
.service-2 .list li .num {font-size:.24rem;width:.4rem;height:.4rem;line-height:.4rem}
.service-2 .list li .name {font-size:.26rem}
.service-2 .list li .msg {font-size:.2rem;line-height:.3rem;margin-left:0;margin-right:0;padding:0 .1rem}
.service-3 .index-title p {max-width:100%}
.service-3 .list-wrapper li dl {height: 3.21rem;}
.service-3 .list-wrapper li a .name {font-size:.24rem;padding: 0.1rem;}
.service-4 .btns ul {-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.service-4 .btns li {padding:.1rem .2rem}
.service-4 .btns li .name {font-size:.24rem}
.service-4 .list .list-wrapper {width:22rem;margin-left:-11rem}
.service-4 .list li {padding: 0 .2rem;}
.service-4 .list li .box .img img {height:4.5rem}
.service-4 .list li .layer {/* width:5rem; *//* height:2.8rem; */margin-top:-1.4rem;padding:0 .2rem;}
.service-4 .list li .layer .content {font-size:.22rem;line-height:1.75em}
.service-4 .list .arrow a.prev {margin-left:-3.7rem}
.service-4 .list .arrow a.next {margin-right:-3.7rem;}
.p-num3 .num a {width:.5rem;height:.5rem;line-height:.5rem}
.p-num3 a.next {width:.6rem;height:.6rem;line-height:.6rem;font-size:.28rem}
}



.wrapper {
  width: 100%;
  height: 90vh;
}
.wrapper .sec{
  width: calc(100% / 4);
  height: 100%;
  float: left;
  -webkit-filter: grayscale(50%);
  filter: grayscale(50%);
  transition-duration: 0.5s;
  position: relative;
  overflow: hidden;
}
.wrapper .sec::before {
  /* content: ""; */
  position: absolute;
  /* width: 100%; */
  /* height: 86%; */
  background: linear-gradient(transparent,rgba(0, 0, 0, 0.6));
  opacity: 1;
  transition: 0.3s;
}
.wrapper .sec01 {
  background: url("../images/tese1.jpg");
}
.wrapper .sec02 {
  background: url("../images/tese4.jpg");
}
.wrapper .sec03 {
  background: url("../images/tese3.jpg");
}
.wrapper .sec04 {
  background: url("../images/tese2.jpg");
}
.wrapper .sec01, .wrapper .sec02, .wrapper .sec03, .wrapper .sec04 {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.wrapper:hover .sec:hover {
  width: 34%;
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}
.wrapper:hover .sec:hover::before {
  opacity: 0;
}
.wrapper:hover .sec:not(:hover) {
  width: 22%;
}

.alternative {
  display: inline-block;
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-family: "Lato", Arial, sans-serif;
  letter-spacing: 0.08em;
  line-height: 1;
  font-size: 2.4rem;
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
  background: rgba(0, 0, 0, 0.4);
  padding: 0.6em 1em;
}
.alternative a {
  margin-top: 15px;
  font-size: 1.2rem;
  display: block;
  padding: 0.6em 0;
  background: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
  transition-duration: 0.3s;
}
.alternative a:hover {
  background: rgba(255, 255, 255, 0.6);
  color: #333;
}
.wrapper .sec .po_ab_zi{
    position: absolute;
    left: 0.5rem;
    top: 0.5rem;
    color: #fff;
}
.wrapper .sec .po_ab_zi span *{
    font-size: 0.16rem;
    opacity: 0.5;
}
.wrapper .sec .po_ab_zi span em{
    font-size: 0.3rem;
    opacity: 1;
}
.wrapper .sec .po_ab_zi h3{
    font-size: 0.28rem;
}
.wrapper .sec p{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    padding: 0.3rem;
    background: linear-gradient(transparent,rgba(0, 0, 0, 0.6));
    opacity: 0;
    bottom: -100%;
    transition: all 0.3s ease 0.3s;
    font-size: 0.17rem;
    line-height: 0.3rem;
}
.wrapper .sec:hover p{
    bottom: 0;
    opacity: 1;
}


.index-about{}
.about_jj{
    display: flex;
    align-items: center;
    padding-bottom: 0.4rem;
    /* border-bottom: 1px solid #ddd; */
}
.about_img{
    flex: 1;
    /* padding-right: 0.4rem; */
}
.about_img img{
    width: 100%;
}
.about_zi{
    flex: 1;
    position: relative;
    padding-right: 1rem;
}
.about_zi span:after{content:".";display: block;/* position: absolute; *//* left: 0; *//* top: 0.13rem; */height: 0.03rem;width: 0.32rem;background: #01a98c;font-size: 0;margin: 0.3rem 0 0 0;}
.about_zi h3{
    font-size: 0.36rem;
    margin-bottom: 0.3rem;
    color: #01a98c;
}
.about_zi span{
    font-size: 0.29rem;
    margin-bottom: 0.45rem;
    display: block;
    position: relative;
}
.about_zi p{
    font-size: 0.16rem;
    line-height: 0.36rem;
    color: #666;
    margin-bottom: 0.3rem;
    /* padding-bottom: 0.3rem; */
    text-align: justify;
}

.about_zi .more_but{text-align: left;margin: 0.5rem 0 0;}
.about_zi .more_but a{
}
.about_wenhua{
    padding: 0.2rem 0 0.6rem;
}
.about_wenhua ul{
    display: flex;
    flex-flow: wrap;
}
.about_wenhua ul li{
    width: 50%;
    margin-top: 0.5rem;
}
.wenhua{
    line-height: 0.34rem;
}
.wenhua i{
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    background: #ddd;
    border-radius: 50%;
    margin-bottom: 0.2rem;
}
.wenhua i.jy{
    background: url(../images/fw1.png) center center no-repeat #fafafa;
    background-size: 0.34rem;
}
.wenhua i.wk{
    background: url(../images/fw2.png) center center no-repeat #fafafa;
    background-size: 0.34rem;
}
.wenhua i.mk{
    background: url(../images/fw3.png) center center no-repeat #fafafa;
    background-size: 0.34rem;
}
.wenhua i.zj{
    background: url(../images/fw4.png) center center no-repeat #fafafa;
    background-size: 0.34rem;
}
.wenhua h4{
    font-size: 0.2rem;
}
.wenhua p{
    font-size: 0.16rem;
    color: #666;
}



.index-news{
    padding: 0.6rem 0;
}
.news_title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.4rem;


}
.news_title h2{
    font-size: 0.3rem;
    position: relative;
    padding-left: 0.1rem;
}
.news_title h2:before{content:".";position: absolute;left: 0;top: 0.08rem;width: 0.03rem;height: 0.25rem;display: block;background: #00a88c;font-size: 0;}
.news_title_change{}
.news_title_change ul{
    display: flex;
    align-items: center;
}
.news_title_change ul li{
    padding: 0 0.3rem;
    position: relative;
    font-size: 0.18rem;
    cursor: pointer;
}
.news_title_change ul li:hover, .news_title_change ul li.on,.news_title_change ul li:hover a, .news_title_change ul li.on a{
    color: #fff;
    background: #00a88c;
    line-height: 35px;
    border-radius: 5px;
}

/*
.news_title_change ul li:hover:after,.news_title_change ul li.on:after{content:".";position: absolute;left: 50%;bottom: -8px;display: block;width: 0.3rem;height: 0.02rem;background: #00a88c;font-size: 0;margin: 0 0 0 -0.15rem;}
*/
.neews_con{}
.in_new_list{}
.in_new_list ul{
    display: flex;
    /* flex-flow: wrap; */
    /* height: 48vw; */
    /* flex-direction: column; */
    flex-wrap: wrap;
    margin-left: -0.3rem;
}
.in_new_list ul li{
    /* flex: 1; */
    width: 50%;
    padding-left: 0.3rem;
    /* height: 16vw; */
}
.in_new_list ul li:nth-child(1){/* height: 32vw; */}
.in_new_list ul li a{}
.in_new_list .new_main{
    /* display: flex; */
    /* flex-direction: column; */
    height: 100%;
}
.new_main .img{}
.new_main .img img{
    height: 100%;
    /* position: absolute; */
    /* left: 0; */
    /* right: 0; */
    /* bottom: 0; */
    /* top: 0; */
}
.in_new_list ul li:nth-child(1) .new_main .img{
    height: 50%;
    overflow: hidden;
}
.in_new_list ul li:nth-child(1) .new_main .new_zi{
    height: 50%;
}
.new_zi{padding: 0.2rem 0 0;}
.new_zi h3{
    font-size: 0.2rem;
    margin-bottom: 0.1rem;
}
.new_zi span{
    font-size: 0.18rem;
    display: block;
    border-bottom: 1px solid #ddd;
    line-height: 0.5rem;
}
.new_zi p{
    font-size: 0.14rem;
    line-height: 0.24rem;
    height: 0.48rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 0.1rem;
    color: #666;
}
.new_zi i{
    display: block;
    margin: 0.3rem 0;
    border-radius: 50%;
    width: 0.35rem;
    height: 0.35rem;
    font-size: 15px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    background: #fff;
    box-shadow: 0 0 0.15rem rgba(0,0,0,.1);
    background: url(../images/jia.png) center center no-repeat #fff;
    font-size: 0;
}
.in_new_list ul li a:hover i{background: url(../images/jiah.png) center center no-repeat #00a88c;box-shadow: 0 0 0.15rem rgb(1 168 140);}
.neews_con .tab-box.active {
    display: block;
}

.neews_con .tab-box {
    display: none;
}

.foot_con{}
.foot_con .fgs_con{
    background: #f8f8f8;
    padding: 0.2rem;
}
.fgs_con ul{
    display: flex;
    justify-content: space-between;
    margin-left: -0.5rem;
}
.fgs_con ul li{
    flex: 1;
}
.fgs_con .fgs_item{
    padding-left: 0.5rem;
}
.fgs_item{}
.feg_title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0.2rem;
}
.feg_title h3{
    font-size: 0.2rem;
    position: relative;
    padding: 0 0 0 0.1rem;
    line-height: 0.6rem;
}
.feg_title h3:before{content:".";position: absolute;left: 0;top: 0.18rem;width: 0.03rem;height: 0.25rem;display: block;background: #00a88c;font-size: 0;}
.feg_title span{
    font-size: 0.3rem;
    font-weight: bold;
    opacity: 0.1;
}
.feg_main{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.feg_main p{
    font-size: 0.16rem;
    line-height: 0.28rem;
    color: #666;
}
.feg_main img{
    width: 0.66rem;
}
.botfoot_con{
    background: #222222;
    padding: 0.2rem 0;
}
.botfoot_con .foot_nav{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #5a5a5a;
    line-height: 0.6rem;
}
.foot_nav ul{}
.foot_nav ul li{
    color: #ddd;
}
.foot_nav ul li a{
    color: #fff;
    display: inline-block;
    margin: 0 0.1rem;
}
.fot_tel{}
.fot_tel em{
    font-size: 0.24rem;
    color: #fff;
    font-weight: bold;
    padding-left: 0.3rem;
    background: url(../images/tel.png) center left no-repeat;
}
.fot_copy{
    color: #fff;
    line-height: 0.6rem;
    opacity: 0.6;
}
.fot_copy span{}

/****neicss star*****/
.nei_banner{
    position: relative;
}
.nei_banner img{width: 100%;}
.nei_banner_zi{
    position: absolute;
    left: 0;
    right: 0;
    top: 1rem;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.nei_banner_zi p{
    font-size: 0.44rem;
    color: #fff;
    text-align: center;
    font-weight: bold;
    line-height: 0.66rem;
}

.cor_ff{color:#fff;}
.servics_con{
    background: url(../images/servics.jpg) center no-repeat;
    background-size: cover;
    padding :0 0 0.6rem;
}
.index-title .weight_p{
    font-size: 0.18rem;
    line-height: 0.36rem;
    opacity: 1;
}
.weight_p p{}
.servics_step .bx-viewport{
    /* background: #fff; */
    border-radius: 0.1rem;
    /* padding: 0.5rem 0; */
}
.servics_step:after{content: ".";width: 100%;height: 1px;display: block;background: #ddd;position: absolute;top: 0.9rem;z-index: 1;font-size: 0;}
.servics_step ul li{
    text-align: center;
}
.ser_step{
    padding: 0 0.3rem;
}
.servics_step ul li .ser_step img{
    width: 0.48rem;
    display: block;
    margin: 0 auto 0.3rem;
}
.ser_step em{
    font-size: 0.18rem;
    font-weight: bold;
    color: #ffffff;
    position: relative;
    display: block;
    width: 0.3rem;
    height: 0.3rem;
    background: #666;
    border-radius: 50%;
    /* font-weight: normal; */
    font-style: italic;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0.2rem;
}

/*
.ser_step em:after{content:".";position: absolute;width: 100%;height: 0.2rem;background: #fff;display: block;bottom: 0.06rem;font-size: 0;}
*/
.servics_step:after {content: ".";}

.servics_step {
    position: relative;
    margin: 0.5rem auto 1rem;
}
.ser_step i{
    width: 0.25rem;
    height: 2px;
    background: #00a88c;
    display: block;
    margin: 0 auto 0.2rem;
}
.ser_step h4{
    font-size: 0.22rem;
    color: #333;
    font-weight: normal;
    margin-bottom: 0.1rem;
}
.ser_step p{
    font-size: 0.15rem;
    color: #666;
    line-height: 0.25rem;
}
.servics_step .bx-viewport{width: 100% !important;margin: 0;}
.servics_step .bx-controls-direction{width: 106%;margin: 0 0 0 -3%;}
.service_hy {
    padding-bottom: 0.8rem;
}

.nei_case_list{}
.nei_case_list ul{
    margin-left: -0.35rem;
}
.nei_case_list ul li{
    padding-left: 0.35rem;
    margin-bottom: 0.35rem;
}
.nei_case_list ul li a{}
.nei_case_list ul li img{}
.nei_case_list ul li .h3 {}
.nei_case_list ul li .h3 h3,.nei_xg_list ul li .h3 h3{
    font-size: 0.22rem;
    line-height: 0.44rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.nei_case_list .tab-box{position:relative;display:none}
.nei_case_list .tab-box.active{display:block}

/* 分页样式 */
.paging { margin-top: 32px; font-size: 14px; }
.paging > span { margin: auto 16px; }
.paging .page-numbar { margin: auto 0; }
.paging .page-numbar .page-num,
.paging .page-index,
.paging .page-pre,
.paging .page-next,
.paging .page-last { display: inline-block; margin: auto 4px; padding: 2px 12px; border: 1px solid #EEE; border-radius: 2px; }
.paging .page-numbar .page-num-current,
.paging .page-numbar .page-num:hover { border-color: #8667F7; color: #8667F7; }
.case_main_con{
    padding: 0.6rem 0 0;
}
.main_title{
    border-bottom: 1px solid #ddd;
    padding-bottom: 0.2rem;
    margin-bottom: 0.4rem;
}
.main_title h3{
    font-size: 0.36rem;
    text-align: center;
}
.main_title span{
    font-size: 0.16rem;
    text-align: center;
    display: block;
    line-height: 0.6rem;
    font-weight: bold;
}
.main_video_con{}
.videolist {position:relative;/* float:left; *//* width:500px; *//* height:300px; *//* margin-right:50px; *//* margin-top:15px; *//* margin-bottom:30px; */}
.videolist:hover{ cursor: pointer; }
.videoed {display: none !important;width:50px;height:50px;position: absolute;left:45%;top:45%;z-index:99;border-radius:100%;}
.videos{display:none;border: 1px solid #080808;position: fixed;left:50%;top: 30%;margin-left: -35%;/* margin-top:-210px; */z-index:100;width: 70%;height: auto;}
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }
video#video {
    width: 100% !important;
}
.pre_nex_wen{
    line-height: 32px;
    padding: 0.2rem 0;
    border-top: 1px solid #ddd;
    margin-top: 0.6rem;
}
.pre_nex_wen ul{display: flex;justify-content: space-between;font-size: 0.16rem;}
.pre_nex_wen ul li{}
.pre_nex_wen ul li a{}


.xiangguan .bx-viewport {
    width: 100% !important;
    margin: 0;
}

.xiangguan .nei_case_list ul li {
    margin: 0;
    padding: 0;
}
.xiangguan .bx-controls-direction {
    width: 104%;
    margin: 0 0 0 -2%;
}
.product_main_box {
    display: flex;
}

.product_main_box .left {
    width: 50%;
}

.product_main_box .right {
    width: 50%;
    position: relative;
}

.product_main_box .left img {}

.product_main_box .right .ti {}

.product_main_box .right .ti h3 {
    font-size: 0.3rem;
    margin: 0 0 0.3rem;
}

.product_main_box .right .ti span {
    font-size: 0.18rem;
    display: block;
}

.product_main_box .right .ti i {
    width: 0.5rem;
    height: 3px;
    background: #02a88c;
    display: block;
    margin: 0.3rem 0 0.6rem;
}

.product_main_box .right .ji {}

.product_main_box .right .ji p {
    font-size: 0.16rem;
    line-height: 0.38rem;
    color: #999;
}

.product_main_box .right .dian {
    position: absolute;
    bottom: 1rem;
    display: flex;
    align-items: center;
    /* height: 0.8em; */
    background: #fafafa;
}

.product_main_box .right .dian span {
    width: 0.8rem;
    height: 0.8rem;
    display: block;
    background: #02a88c;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product_main_box .right .dian p {
    flex: 1;
    padding: 0 0.4rem;
}

.product_main_box .right .dian img {
    width: 0.4rem;
}

.product_main_box .right .dian em {
    font-size: 0.24rem;
    font-weight: bold;
    color: #02a88c;
}

.product_main_box .right .dian p span {
    background: none;
    display: block;
    width: auto;
    height: auto;
    font-size: 0.16rem;
    color: #999;
}
.pro_main {
    margin: 0 0 0.5rem;
}

.pro_main h3 {
    font-size: 0.24rem;
    padding: 0.2rem 0.3rem;
    background: #fcfcfc;
}

.pro_main .prmm {
    padding: 0.3rem;
    font-size: 0.15rem;
    line-height: 0.26rem;
    color: #666666;
}

.pro_main .prmm p {}
/************quotation**/
.quotation_con{
    padding: 0 0 0.6rem 0;
}
.quotation{}
.quotation ul{}
.quotation ul li{
    margin-bottom: 0.5rem;
}
.quotation ul li label{
    font-size: 0.18rem;
    margin-bottom: 0.2rem;
    display: block;
}
.choce_con{
    display: flex;
    flex-flow: wrap;
}
.agree
.agree span{}
.agree span input{}
.quotation ul li .agree span label{
    font-size: 0.14rem;
    color: #666;
    margin: 0;
    display: flex;
    align-items: center;
}
.agree input[type="radio"] + label::before {
    content: ".";
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    width: 0.18rem;
    height: 0.18rem;
    margin-right: 0.1rem;
    border-radius: 50%;
    border: 1px solid #b9b9b9;
    line-height: 1;
}
.agree input[type="radio"] + label::after{
  content: ".";
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  width: 0.08rem;
  height: 0.08rem;
  border-radius: 50%;
  background: #00a88c;
  position: absolute;
  left: 0.06rem;
  top: 0.06rem;
  display:none;
}
.agree input[type="radio"]:checked + label::after{display:block}
.agree input[type="radio"]:checked + label::before {
    background-clip: content-box;
    background: url(../images/icon_choosed.jpg) center center no-repeat;
    border: 1px solid #e80000;
}
.agree input[type="radio"] {
    position: absolute;
    /* clip: rect(0, 0, 0, 0); */
    margin: 0;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer;
    display: inline-block;
    width: 100%;
    height: 100%;
}
.agree input {
    /* display: inline-block; */
    /* width: 100px; */
    /* border: 0; */
    /* outline: 0; */
    /* border-bottom: 1px solid #ddd; */
    /* background: none; */
    /* border-bottom: 2px solid #333; */
}
.agree {
    width: 20%;
}
.agree span {
    display: block;
    margin-right: 0.2rem;
    position: relative;
}

.input {
    width: 50%;
}

.input span {
    display: inline-block;
    font-size: 0.18rem;
    margin-bottom: 0.1rem;
}

.input input {
    display: block;
    font-size: 0.14rem;
    border-bottom: 1px solid #ddd;
    width: calc(100% - 0.5rem);
    line-height: 0.36rem;
    color: #999;
}
.input span:after{content:"*";color: #00a88c;}


/****news_list*****/
.newsn_con{
    padding-bottom: 0.6rem;
}

.newsn_con .news_title_change ul {
    justify-content: center;
}

/*
.newsn_con .news_title_change ul li a{font-weight:bold}
*/
.news_list{}
.news_list ul{}
.news_list ul li{
    border-bottom: 1px solid #ddd;
    padding: 0.4rem 0;
}
.news_list ul li a{}
.news_list ul li .new_main{
    display: flex;
}
.news_list ul li .new_main .img{
    flex: 0.4;
    margin-right: 0.4rem;
}
.news_list ul li .new_main .img img{}
.news_list ul li .new_main .new_zi{
    flex: 1;
}


.news_list ul li .new_main .new_zi .more {
    margin-top: .3rem;
    border-radius: 50px;
    border: 1px solid #00a88c;
    /* width: 1.2rem; */
    font-size: 15px;
    /* -webkit-transition: all .5s ease; */
    transition: all .5s ease;
    background: #fff;
    /* box-shadow: 0 0 0.05rem #00a88c; */
    /* background: url(../images/yy.png) center center no-repeat; */
    background-size: 0.15rem;
    /* font-size: 0; */
    color: #00a88c;
    text-align: center;
    line-height: 0.4rem;
    display: inline-block;
    padding: 0 0.2rem;
}

.news_list ul li .new_main .new_zi h3{}
.news_list ul li .new_main .new_zi span{
    border: 0;
}
.news_list ul li .new_main .new_zi p{}
.news_list ul li .new_main .new_zi i{}
.news_list ul li:hover .new_main .new_zi i{background: url(../images/jiah.png) center center no-repeat #00a88c;
    box-shadow: 0 0 0.15rem rgba(239,8,8,0.5);}


.main_main {}

.main_main img {
    display: block;
    margin: 0 auto;
}

.main_main p {
    font-size: 0.16rem;
    line-height: 0.36rem;
}

.f9bg{background:#f9f9f9}

.about_con{}
.about_con p{
    font-size: 0.22rem;
    margin-bottom: 0;
    padding: 0.1rem 0 0.1rem 0.6rem;
    background: url(../images/gou.png) left top no-repeat;
    background-size: 0.55rem;
}
.about_con ul{
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.2rem;
    margin-top: 0.2rem;
}
.about_con ul li{
    width: 50%;
    padding-left: 0.2rem;
    margin-bottom: 0.2rem;
}
.about_con ul li .curture{
    background: #fff;
    display: flex;
    align-items: center;
    padding: 0 0.2rem;
    line-height: 0.5rem;
    border-radius: 0.06rem;
    box-shadow: 0 0 0.1rem rgba(0,0,0,.1);
}
.about_con ul li .curture i{
    display: block;
    width: 0.25rem;
    height: 0.25rem;
    margin-right: 0.1rem;
}
.about_con ul li .curture i.jy{background: url(../images/fw1h.png) center center no-repeat;
    background-size: 0.25rem;}
.about_con ul li .curture i.wk{background: url(../images/fw2h.png) center center no-repeat;
    background-size: 0.25rem;
}
.about_con ul li .curture i.mk{background: url(../images/fw3h.png) center center no-repeat;
    background-size: 0.25rem;}
.about_con ul li .curture i.zj{background: url(../images/fw4h.png) center center no-repeat;
    background-size: 0.25rem;}
.about_con ul li .curture span{
    font-size: 0.18rem;
    margin: 0;
    font-weight: bold;
}
.ab_main{
    padding: 0.4rem 0;
}
.ab_main p{
    font-size: 0.16rem;
    line-height: 0.4rem;
}

.about-c{
    padding: 1rem 0 0 0;
}
.neim-title{
    margin-bottom: 0.6rem;
}
.neim-title h2{
    font-size: 0.42rem;
    margin-bottom: 0.2rem;
}
.neim-title span{font-size: 0.24rem;color: #333;margin-bottom: 0.2rem;display: block;}
.neim-title span em{
    font-weight: bold;
    color: #00a88c;
}
.neim-title p{
    font-size: 0.18rem;
    color: #999;
}



.about_huanjing{}
.about_huanjing ul{
}
.about_huanjing ul li{}
.about_huanjing ul li dl{
    display: flex;
    flex-flow: wrap;
    margin-left: -0.2rem;
}
.about_huanjing ul li dl dd{
    width: 25%;
    padding-left: 0.2rem;
    margin-bottom: 0.2rem;
}
.about_huanjing .bx-viewport{
    width: 100% !important;
    margin: 0 auto;
}
.about-d{padding:1rem 0}
.about_huanjing .bx-controls{
    position: relative;
    margin: 0.3rem 0 0;
    height: auto;
}
.about_huanjing .bx-controls-direction{width:0.6rem;width: 1.6rem;}

.about-e{
    background: url(../images/classbg.jpg) right center no-repeat;
    padding: 1rem 0;
}
.neim-title span.colff,.neim-title h2.colff{
    color: #fff;
}
.about_class{}
.sologn{
    margin: 0.2rem  0 0.7rem 0;
}
.sologn p{
    font-size: 0.18rem;
    font-weight: bold;
    padding: 0.25rem 0 0.25rem 0.6rem;
    background: url(../images/gou.png) 0.1rem center no-repeat #fff;
    background-size: 0.55rem;
    width: 6rem;
    border-radius: 0.06rem;
    margin-bottom: 0.2rem;
}
.about_class .more_but{
    text-align: left;
}
.about_class .more_but a{
    background: #00a88c;
    color: #fff;
}

.zicon {
    display: none;
}

.zicon.active {
    display: block;
}

.nei-contact-con{
    padding: 0.5rem 0;
}
.company_add{
    display: flex;
    align-items: flex-start;
}
.company_add ul{
    padding-right: 0.6rem;
}
.company_add ul li{
    font-size: 0.3rem;
    font-weight: bold;
    margin-bottom: 0.6rem;
    color: #cacaca;
    cursor: pointer;
}
.company_add ul li.li_on,.company_add ul li:hover{
    color: #00a88c;
}
.contact_fs_con{}
.fgs_main{
    display: flex;
    padding: 0 0 0 0.6rem;
    border-left: 1px solid #ddd;
}
.fgs_main h3{
    font-size: 0.32rem;
    margin-bottom: 0.2rem;
}
.fgs_main p{
    font-size: 0.18rem;
    line-height: 0.4rem;
    color: #666;
    margin-bottom: 0.6rem;
}
.fgs_main img{
    width: 0.9rem;
}
.fgs_main .map{
    flex: 1;
    padding-left: 0.4rem;
}
.fgs_main .map img{
    width: 100%;
    display: block;
}
.contact_zhaopin{
    background: url(../images/zpbg.jpg) top center no-repeat;
}
.zhaopin_con{
    padding: 1rem 0;
}
.zhao_title{
    color: #fff;
    text-align: center;
    margin-bottom: 0.6rem;
}
.zhao_title h3{
    font-size: 0.44rem;
    font-weight: normal;
    margin-bottom: 0.5rem;
}
.zhao_title p{
    font-size: 0.18rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.zhao_title p span{
    display: inline-block;
    margin: 0 0.4rem;
    padding-left: 0.3rem;
}
.zhao_title p span.tel{
    background: url(../images/tt.png) left center no-repeat;
    background-size: 0.2rem;
}
.zhao_title p span.ema{
    background: url(../images/ee.png) left center no-repeat;
    background-size: 0.2rem;
}
.zjhaopin_list{
    background: #fff;
    border-radius: 0.06rem;
    box-shadow: 0 0 0.15rem rgba(0,0,0,.1);
    padding: 0.5rem;
}
.zjhaopin_list ul{}
.zjhaopin_list ul li{}
.zhao_item{}
.zhao_ming{
    display: flex;
    justify-content: space-between;
    line-height: 0.56rem;
    border-bottom: 1px solid #ddd;
    background: url(../images/xx.png) right center no-repeat;
    background-size: 0.15rem;
}
.zhao_ming h3{
    font-size: 0.22rem;
}
.zhao_ming h3 span{
    font-size: 0.16rem;
    display: inline-block;
    margin-right: 0.2rem;
}
.zhao_ming p{
    font-size: 0.18rem;
    color: #666;
    padding-right: 0.3rem;
}
.zhao_main{
    background: #efefef;
    padding: 0.4rem;
    display: none;
}
.zjhaopin_list ul li:nth-child(1) .zhao_main{display:block}
.little_thing{
    font-size: 0.16rem;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.3rem;
}
.little_thing span{
    flex: 1;
}
.zhong_thing{margin-bottom: 0.3rem;}
.zhong_thing h4{
    font-size: 0.20rem;
    margin-bottom: 0.2rem;
}
.zhong_thing p{
    font-size: 0.16rem;
    line-height: 0.36rem;
}
.zhao_main .more_but{
    text-align: left;
}




@media screen and (max-width:800px) {
.index-case .tab-btn li i{display:none}
.index-case .tab-btn li.on, .index-case .tab-btn li:hover{background: #00a88c;color: #fff;box-shadow: 0 0 0.15rem rgb(1 168 140);}
.index-service3 .list{padding: 0;}
 .index-service3 .list li .ico{/* width:0.8rem */} 
 .about_jj{display:block}
 .about_img{padding:0;margin-bottom: 0.3rem;}
 .about_wenhua ul li{width:100%}
 .in_new_list ul{display:block;height: auto;}
 .in_new_list ul li{width:100%;height: auto !important;border-bottom: 1px solid #ddd;}
 .new_zi p{line-height: 0.46rem;height: auto;}
 .fgs_con ul{display:block;margin: 0;padding: 0.3rem 0 0;}
 .fgs_con .fgs_item{padding:0}
 .fgs_con ul li{margin-bottom: 0.32rem;}
 .fot_tel{display:none}
 .bx-wrapper .bx-viewport{width: 100% !important;margin: 0;box-sizing: content-box;}
 .bx-wrapper .bx-controls{position:relative;margin: 0;height: 0.54rem;margin: 0.27rem auto 0;}
 .index-case .tab-box{margin-bottom:0.3rem}
  .bx-wrapper .bx-controls-direction{width:2rem;height: 0.54rem;margin: 0 auto;}
  .wrapper{height: auto;}
.wrapper .sec{width: 100% !important;height: auto;float: none;}
.wrapper .sec .po_ab_zi{position:relative;left: auto;top: auto;padding: 0.3rem;}
.wrapper .sec p{opacity: 1;bottom: auto;position: relative;left: auto;right: auto;padding: 0 0.3rem 0.3rem;line-height: 0.36rem;font-size: 0.16rem;}
.new_zi span{border-bottom:0}
.feg_main p{line-height:0.46rem}
.nei_banner{min-height: 25vh;display: flex;}
.videos{width: 90%;margin: 0;top: 40vh;align-items: center;justify-content: center;left: 5%;height: auto;}
.videos video{width: 100% !important;height: auto;}
.agree{width: 50%;margin-bottom: 0.25rem;}
.news_list ul li .new_main{display:block}
.news_list ul li .new_main .img{margin:0}
.about_con ul li{width: 100%;}
.sologn p{width:100%}


.company_add{display:block}
.company_add ul{display:flex;padding: 0;}
.company_add ul li{flex:1}
.fgs_main{display:block;padding: 0;border: 0;}
.fgs_main .map{padding: 0;}
.fgs_main img{display:none}
.zhao_title p{display:block;line-height: 0.5rem;}
.little_thing{flex-wrap:wrap}
.little_thing span{width: 100%;flex: auto;line-height: 0.44rem;}
.pre_nex_wen ul{/* display:block */}
.service-4 .btns li:hover .name, .service-4 .btns li.on .name{background: #00a88c;color: #fff;box-shadow: 0 0 0.15rem rgba(239,8,8,0.5);}
}

.scene {width: 100%;overflow:hidden;background:#f2f3f5;position:relative;}
.scene .scene-header {padding:.260417rem 0 .15625rem}
.scene .scene-header .scene-header-desc,.scene .scene-header .scene-header-title {margin:0 auto;width:1.953125rem;text-align:center;font-weight:300;font-family:PingFangSC-Light,PingFang SC}
.scene .scene-header .scene-header-title {margin-bottom:.0625rem;line-height:.161458rem;color:#000;font-size:.114583rem}
.scene .scene-header .scene-header-desc {line-height:.078125rem;color:#777;font-size:.041667rem}
.scene .scene-hot {position:absolute;top:.78125rem;left:0;width:100%;height:.625rem}
.scene .scene-content {display:flex;width: 100%;height: 8rem;overflow:hidden;}
.scene .scene-content:hover+.scene-hot,.scene-mobile {display:none}
.scene .scene-content:hover .scene-content-item .scene-wrapper .scene-modal {opacity:.8;}
.scene .scene-content:hover .scene-content-item .scene-wrapper .scene-wrapper-bg>img {transform:translate(0,0)}
.scene .scene-content:hover .item-thumb {opacity:0;z-index:1}
.scene .scene-content .scene-content-item {position:relative;flex: 1 0 0.5rem;transition:all 1s;will-change:auto;}
.scene .scene-content .scene-content-item:hover {flex: 1 0 10rem;}
.scene .scene-content .scene-content-item:hover .scene-wrapper .scene-modal {opacity:0;visibility:hidden}
.scene .scene-content .scene-content-item:hover .item-detail {opacity:1;z-index:2}
.scene .scene-content .scene-content-item .scene-wrapper {position:relative;z-index:1;width: 100%;height:100%;box-sizing:border-box;/* transform: skew(-10deg); */transform-origin:left top;overflow:hidden;}
.scene .scene-content .scene-content-item .scene-wrapper .scene-modal {position:absolute;width:100%;height:100%;background-color:#000;opacity:0;z-index:100;transition:all .6s;}
.scene .scene-content .scene-content-item .scene-wrapper::after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(107deg,#0a2349 20%,rgba(10,35,73,0) 100%);opacity:0;visibility:hidden;transition:all .6s}
.scene .scene-content .scene-content-item .scene-wrapper-bg {position:absolute;top:0;/* left: 50%; *//* margin-left: -0.149089rem; */width: 100%;height:100%;/* transform: translate(-50%,0) skew(10deg); */transform-origin:left top;}
.scene .scene-content .scene-content-item .scene-wrapper-bg>img {width:100%;height:100%;transition:transform .5s}
.scene .scene-content .scene-content-item:nth-child(1) .scene-wrapper {position:relative}
.scene .scene-content .scene-content-item:nth-child(1) .scene-wrapper::before {content:"";position:absolute;top:0;right:0;z-index:10;width:2px;height:100%;background-color:#fff;opacity:.3}
.scene .scene-content .scene-content-item:nth-child(1) .scene-wrapper-bg>img {/* transform:translate(-.260417rem,0); */}
.scene .scene-content .scene-content-item:nth-child(2) .scene-wrapper {overflow:initial;z-index:0}
.scene .scene-content .scene-content-item:nth-child(2) .scene-wrapper-bg>img {/* transform:translate(.260417rem,0) */}
.scene .scene-content .scene-content-item:nth-child(3) .scene-wrapper {position:relative}
.scene .scene-content .scene-content-item:nth-child(3) .scene-wrapper::before {content:"";position:absolute;top:0;left:0;z-index:10;width:2px;height:100%;background-color:#fff;opacity:.3}
.scene .scene-content .scene-content-item:nth-child(3) .scene-wrapper-bg>img {/* transform:translate(-.182292rem,0) */}
.scene .scene-content .scene-content-item .item-thumb {position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;background: linear-gradient(360deg,#02a78b 0,rgba(10,35,73,0) 100%);transition:opacity .5s;}
.scene .scene-content .scene-content-item .item-thumb .item-thumb-title {margin-bottom: 0.2rem;text-align:center;color:#fff;font-size: 0.36rem;font-weight: bold;margin: 5rem 0 0.2rem;}
.scene .scene-content .scene-content-item .item-thumb .item-thumb-desc {text-align:center;color:#fff;font-size: 0.2rem;margin: 0 0 0.3rem;}
.scene .scene-content .scene-content-item .item-thumb .item-thumb-action {display:flex;justify-content:center}
.scene .scene-content .scene-content-item .item-thumb .item-thumb-action .item-thumb-action-left,.scene .scene-content .scene-content-item .item-thumb .item-thumb-action .item-thumb-action-right {position:relative;width:.049479rem;height:.135417rem;background-image:url(https://cdnstatic.megvii.com/websiteFE/static/img/refactor/aiot/rect-small.dc028340.png);background-repeat:no-repeat;background-position:center center;background-size:cover}
.scene .scene-content .scene-content-item .item-thumb .item-thumb-action .item-thumb-action-left {left:.010417rem}
.scene .scene-content .scene-content-item .item-thumb .item-thumb-action .item-thumb-action-right {left:-.010417rem}
.scene .scene-content .scene-content-item .item-thumb .item-thumb-action .item-thumb-action-center {width: 0.87rem;height: 0.65rem;background-image: url(../images/jiam.png);background-repeat:no-repeat;background-position:center center;background-size:cover;display:flex;justify-content:center;align-items:center;}
.scene .scene-content .scene-content-item .item-thumb .item-thumb-action .item-thumb-action-center img {width:.0625rem;height:.0625rem}
.scene .scene-content .scene-content-item .item-detail {opacity:0;position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background: linear-gradient(107deg,#02a78b 20%,rgba(10,35,73,0) 100%);transition:opacity .6s;}
.scene .scene-content .scene-content-item .item-detail .item-detail-header {margin-bottom: 0.3rem;padding: 0.5rem;display: block;}
.scene .scene-content .scene-content-item .item-detail .item-detail-header:hover .item-detail-arrow div {-webkit-animation:heroArrow2 1s ease infinite;animation:heroArrow2 1s ease infinite}
.scene .scene-content .scene-content-item .item-detail .item-detail-header .item-detail-title {margin-bottom: 0.3rem;color:#fff;font-size: 0.36rem;font-weight: bold;}
.scene .scene-content .scene-content-item .item-detail .item-detail-header .item-detail-desc {margin-bottom: 0.2rem;color:#fff;font-size: 0.2rem;}
.scene .scene-content .scene-content-item .item-detail .item-detail-header .item-detail-arrow {width: 0.3rem;height: 0.03rem;background: #fff;margin: 0 0 0.35rem;}
.scene .scene-content .scene-content-item .item-detail .item-detail-header .item-detail-arrow div {display:flex}
.scene .scene-content .scene-content-item .item-detail .item-detail-header .item-detail-arrow img {margin-right:.026042rem;width:.078125rem;height:.052083rem}
.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info .item-detail-info-imgs>a:last-child,.scene .scene-content .scene-content-item .item-detail .item-detail-header .item-detail-arrow img:last-child {margin-right:0}
.scene .scene-content .scene-content-item .item-detail .item-detail-content {position:relative;margin: .5rem;}
.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item {/* margin-bottom:.083333rem; *//* line-height:.078125rem; *//* color:#fff; *//* font-size:.041667rem; *//* font-weight:300; *//* font-family:PingFangSC-Light,PingFang SC; */}
.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item.active .item-detail-name,.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item:hover .item-detail-name {font-size: 0.2rem;}
.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item.active .item-detail-info {display: flex;align-items: center;}
.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-name {margin: 0 0 0.2rem;}
.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info {display:none;/* position:absolute; *//* left:.395833rem; *//* top:0; */}
.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info .item-detail-info-imgs {display:flex;/* margin-bottom:.083333rem */flex: 1;}
.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info .item-detail-info-imgs>a {margin-right: 0.2rem;width: 33.33%;}
.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info .item-detail-info-imgs .item-detail-info-img {position:relative;width: 100%;transition:background-size .6s;}
.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info .item-detail-info-imgs .item-detail-info-img::after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid rgba(255,255,255,.4);box-sizing:border-box}
.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info .item-detail-info-imgs .item-detail-info-img:hover {background-size:106% 106%}
.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info .item-detail-info-imgs .item-detail-info-img span {position: absolute;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,0.5);color: #fff;font-size: 0.18rem;text-align: left;padding: 0.1rem 0.2rem;}
.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info .scene-more {text-align:center}
.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info .scene-more .button {cursor:pointer;width:.354167rem;height:.114583rem;line-height:.109375rem}
.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item.active .item-detail-info .more {
    margin: 0 0 0 0.5rem;
}
.scene .scene-content .scene-content-item .item-detail .item-detail-header p{
    color: #fff;
    font-size: 0.16rem;
}
@media screen and (max-width:800px) {.scene {/* display:none */}
.scene-mobile {display:block;background:#f2f3f5}
.scene-mobile .scene-header {padding:.48rem 0}
.scene-mobile .scene-header .scene-header-title {margin-bottom:.08rem;line-height:.37rem;text-align:center;color:#000;font-size:.26rem;font-weight:400;font-family:PingFangSC-Regular,PingFang SC}
.scene-mobile .scene-content .scene-item-inner .scene-item-title,.scene-mobile .scene-header .scene-header-desc {line-height:.37rem;text-align:center;color:#000;font-size:.26rem;font-weight:200;font-family:PingFangSC-Thin}
.scene-mobile .scene-header .scene-header-desc b {font-weight:400;font-family:PingFangSC-Regular}
.scene-mobile .scene-content .scene-item-inner {padding-top:.53rem;width:100%;height:2.4rem;background-repeat:no-repeat;background-position:center;background-size:cover}
.scene-mobile .scene-content .scene-item-inner .scene-item-title {margin-bottom:.12rem;color:#fff;font-family:PingFangSC-Light}
.scene-mobile .scene-content .scene-item-inner .scene-item-desc {margin-bottom:.24rem;line-height:.2rem;text-align:center;color:#ffffffcc;font-size:.14rem;font-weight:200;font-family:PingFangSC-Light}
.scene-mobile .scene-content .scene-item-inner .scene-item-arrow {position:relative;display:flex;justify-content:center;align-items:center}
.scene-mobile .scene-content .scene-item-inner .scene-item-arrow .arrow-left,.scene-mobile .scene-content .scene-item-inner .scene-item-arrow .arrow-right {width:.16rem;height:.42rem}
.scene-mobile .scene-content .scene-item-inner .scene-item-arrow .arrow-center {width:.56rem;height:.42rem}
.scene-mobile .scene-content .scene-item-inner .scene-item-arrow .arrow {position:absolute;top:.08rem;left:50%;transform:translate(-50%,0);width:.24rem;height:.24rem}
.scene .scene-content{display:block;height: auto;}
.scene .scene-content .scene-content-item .scene-wrapper-bg {
    position: relative;
}

.scene .scene-content .scene-content-item .item-thumb .item-thumb-title {
    margin: 0 0 0.2rem;
}

.scene .scene-content .scene-content-item .item-thumb {
    bottom: 1rem;
    /* top: auto; */
    /* background: none; */
    /* height: auto; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: linear-gradient(360deg,#333333 0,rgba(10,35,73,0) 100%);
    z-index: 111;
}
.scene .scene-content .scene-content-item .item-detail .item-detail-content{display:none}
.scene .scene-content .scene-content-item .item-detail {
    display: none;
}

.scene .scene-content:hover .item-thumb {
    opacity: 1;
}
.scene .scene-content:hover .scene-content-item .scene-wrapper .scene-modal {
    opacity: 0;
}



}
.foot_con {
    background: #080d0c;
    padding: 0.3rem 0;
    font-size: 0.18rem;
}

.fot_nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fot_nav .left {
    display: flex;
    align-items: center;
}

.fot_nav .right {
    display: flex;
    align-items: center;
}

.fot_nav .left a {
    color: #fff;
    margin: 0 0.4rem 0 0;
}

.fot_nav .left a img {}

.fot_nav .right .fot_ewm {
    position: relative;
}

.fot_nav .right a {
    position: relative;
    display: block;
    margin: 0 0 0 0.3rem;
}

.fot_nav .right .ewm_box {
    position: absolute;
    width: 1rem;
    height: 1rem;
    bottom: 0.5rem;
    left: 0.3rem;
    background: #fff;
    padding: 0.05rem;
    box-shadow: 0 0 0.1rem #d2d2d2;
    display: none;
}
.fot_nav .right .fot_ewm:hover  .ewm_box{display:block}
.fot_nav .right .ewm_box:after{content:".";width: 0.12rem;height: 0.12rem;display: block;background: #fff;transform: rotate(45deg);font-size: 0;position: absolute;bottom: -0.05rem;left: 0.1rem;}
.fot_nav .right .ewm_box .ewmimg {}

.fot_nav .right .icon {
    width: 0.35rem;
    display: block;
}

.fot_fs {
    background: #080d0c;
    border-top: 1px solid #565656;
    color: #fff;
}

.fot_con {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.2rem 0;
}

.fot_con .left {
    display: flex;
    flex: 1.8;
    justify-content: space-between;
}

.fot_con p {
    font-size: 0.14rem;
    color: #8a8a8a;
}

.fot_con .left p em {
    font-size: 0.28rem;
    font-weight: bold;
    color: #00a98c;
}

.fot_con .right {
    flex: 1;
    text-align: right;
}
@media screen and (max-width:800px) {
.about_zi {
    padding: 0;
}

.fot_nav {
    display: block;
}

.fot_nav .left a:first-child,.fot_nav .right {
    display: none;
   
}
.fot_nav .left a{ margin: 0;}
.fot_nav .left{
    justify-content: space-between;
}
.fot_con,.fot_con .left{display:block;}
.fot_con .right{text-align:left}
.fot_con .left{display:none}
.product_main_box{display:block}
.product_main_box .left,.product_main_box .right{width: 100%;}
.product_main_box .right .dian{position:relative;bottom: auto;margin: 0.4rem 0 0.5rem;}
.about_huanjing ul li dl dd {
    width: 50%;
}



}


#c-right-fixed {
    display: none;
    position: fixed;
    top: 50%;
    padding: 0.2rem 0 0.25rem;
    right: 0.05rem;
    width: 0.8rem;
    z-index: 905;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 0.4rem;
    background: #fff;
    box-shadow: 0 0 0.1rem rgba(152, 164, 211, .2);
}

#c-right-fixed li {
    margin-bottom: 0.2rem;
    position: relative;
}

#c-right-fixed li:last-child {
    margin-bottom: 0;
}

#c-right-fixed a {
    display: block;
    text-align: center;
    color: #fff;
    transition: .5s;
}

#c-right-fixed .c-ico {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0.05rem;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    box-shadow: 0 0 0.1rem rgba(152, 164, 211, .2);
    transition: .5s;
}

#c-right-fixed .c-ico img {
    height: 0.2rem;
}

#c-right-fixed .c-ico img:nth-child(2) {
    display: none;
}

#c-right-fixed a:hover .c-ico {
    background: #01a98c;
}

#c-right-fixed a:hover .c-ico img:nth-child(1) {
    display: none;
}

#c-right-fixed a:hover .c-ico img:nth-child(2) {
    display: inline-block;
}

#c-right-fixed .c-title {
    font-size: 0.14rem;
    line-height: 0.24rem;
    color: #666;
}

#c-right-fixed .c-phone,#c-right-fixed .c-ewm {
    position: absolute;
    top: 0;
    right: 0.9rem;
    margin-top: 0;
    display: flex;
    padding: 0 0.2rem;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 0.5rem;
    color: #fff;
    border-radius: 0.26rem;
    background: #01a98c;
    box-shadow: 0 0 0.1rem rgba(152, 164, 211, .2);
    white-space: nowrap;
    font-weight: bold;
    font-size: 0.2rem;
    visibility: hidden;
    opacity: 0;
    transition: .5s;
}
 #c-right-fixed .c-ewm{
    padding: 0;
    box-shadow: 0 0 0.2rem rgba(0,0,0,0.2);
    width: 2rem;
    height: 2rem;
}
 #c-right-fixed .c-ewm img{
    width: 100%;
}
#c-right-fixed a:hover .c-phone,#c-right-fixed a:hover .c-ewm {
    visibility: visible;
    opacity: 1;
}